*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f1419,#1a2332 25%,#2c3e50 50%,#34495e 75%,#2c3e50);color:#ecf0f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{align-items:center;color:#f39c12;display:flex;font-size:24px;height:100vh;justify-content:center}.error{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c}.error,.success{margin:20px;padding:20px;text-align:center}.success{background:#27ae601a;border:1px solid #27ae604d;border-radius:8px;color:#27ae60}.sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e 50%,#0f3460);border-right:2px solid #ffa5004d;box-shadow:4px 0 20px #0000004d;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar,.sidebar.open{width:250px}.sidebar.closed{width:70px}.sidebar-header{background:#ffa5000d;border-bottom:1px solid #ffffff1a;overflow:hidden;padding:20px;position:relative;white-space:nowrap}.logo-text{align-items:center;color:orange;display:flex;font-size:18px;font-weight:700;gap:10px;margin-top:10px;transition:opacity .3s ease}.sidebar.closed .logo-text{opacity:0;overflow:hidden;width:0}.hamburger-btn{align-items:center;background:#ffa50033;border:1px solid #ffa50066;border-radius:8px;color:orange;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px;z-index:1001}.hamburger-btn:hover{background:#ffa5004d;transform:scale(1.05)}.sidebar.closed .hamburger-btn{left:50%;margin:0;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%)}.sidebar-nav{opacity:1;padding:20px 0;transition:opacity .3s ease}.sidebar.closed .sidebar-nav{opacity:0;pointer-events:none}.nav-item{align-items:center;color:#e0e0e0;display:flex;overflow:hidden;padding:15px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:before{background:orange;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:4px}.nav-item:hover{background:#ffa5001a;color:orange;transform:translateX(5px)}.nav-item:hover:before{transform:translateX(0)}.nav-item.active{background:#ffa50033;border-left:4px solid orange;color:orange}.nav-icon{font-size:20px;margin-right:15px;min-width:30px}.nav-text{font-size:15px;font-weight:500;white-space:nowrap}.sidebar.closed .nav-text{opacity:0;overflow:hidden;width:0}@media (max-width:768px){.sidebar{width:250px}.sidebar.closed{width:0}}.dashboard{min-height:100vh;padding:0}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.dashboard-header p{color:#b0b0b0;font-size:1.1rem}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.kpi-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.kpi-card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-8px)}.kpi-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.kpi-content{flex:1 1}.kpi-content h3{color:#fffc;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.kpi-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.25rem;text-shadow:2px 2px 4px #0000004d}.kpi-subtitle{color:#ffffffb3;font-size:.85rem}.dashboard-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.section-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:1.5rem}.section-card h2{border-bottom:2px solid #ffa5004d;color:orange;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.action-buttons{display:flex;flex-direction:column;gap:1rem}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,orange,#ff6b35);box-shadow:0 4px 12px #ffa5004d;color:#fff}.action-btn.primary:hover{box-shadow:0 6px 20px #ffa50066;transform:translateY(-2px)}.action-btn.secondary{background:#ffffff1a;border:1px solid #ffa5004d;color:orange}.action-btn.secondary:hover{background:#ffa5001a;transform:translateX(5px)}.activity-list{gap:1rem}.activity-item,.activity-list{display:flex;flex-direction:column}.activity-item{background:#ffffff0d;border-left:3px solid orange;border-radius:8px;gap:.25rem;padding:.75rem}.activity-time{color:#fff9;font-size:.8rem}.activity-text{color:#fff;font-size:.95rem;line-height:1.4}@media (max-width:1200px){.dashboard-sections{grid-template-columns:1fr}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}}.wells-page{padding:0}.wells-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.well-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.well-card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.well-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.well-header h3{color:orange;font-size:1.3rem;font-weight:600}.status.plugged{background:#9e9e9e33;border:1px solid #9e9e9e4d;color:#9e9e9e}.well-details{margin-bottom:1.5rem}.well-details p{color:#e0e0e0;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.well-details strong{color:orange;font-weight:600}.well-actions{display:flex;gap:1rem}@media (max-width:768px){.wells-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}}.production-page{padding:0}.production-table-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;overflow-x:auto;padding:1.5rem}.production-table{border-collapse:collapse;color:#e0e0e0;width:100%}.production-table th{background:#ffa5001a;border-bottom:2px solid #ffa5004d;color:orange;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.production-table td{border-bottom:1px solid #ffffff0d;font-size:.95rem;padding:.75rem 1rem}.production-table tbody tr{transition:all .3s ease}.production-table tbody tr:hover{background:#ffa5000d}.production-table tbody tr:last-child td{border-bottom:none}.btn-delete,.btn-edit{display:inline-flex;height:36px;margin-right:.5rem;width:36px}.form-grid input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:.75rem;transition:all .3s ease}.form-grid input:focus{background:#ffffff1a;border-color:orange;outline:none}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.production-table-container{padding:1rem}.production-table td,.production-table th{font-size:.85rem;padding:.5rem}.form-grid{grid-template-columns:1fr}}.equipment-page{padding:0}.equipment-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.equipment-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.equipment-card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.equipment-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.equipment-header h3{color:orange;font-size:1.3rem;font-weight:600}.status.operational{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.status.maintenance{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status.out-of-service{background:#f4433633;border:1px solid #f443364d;color:#f44336}.status.retired{background:#9e9e9e33;border:1px solid #9e9e9e4d;color:#9e9e9e}.equipment-details{margin-bottom:1.5rem}.equipment-details p{color:#e0e0e0;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.equipment-details strong{color:orange;font-weight:600}.equipment-actions{display:flex;gap:1rem}@media (max-width:768px){.equipment-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}}.personnel-page{padding:0}.personnel-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.personnel-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.personnel-card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.personnel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.personnel-header h3{color:orange;font-size:1.3rem;font-weight:600}.status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status.active{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.status.inactive{background:#f4433633;border:1px solid #f443364d;color:#f44336}.status.on-leave{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status.terminated{background:#9e9e9e33;border:1px solid #9e9e9e4d;color:#9e9e9e}.personnel-details{margin-bottom:1.5rem}.personnel-details p{color:#e0e0e0;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.personnel-details strong{color:orange;font-weight:600}.personnel-actions{display:flex;gap:1rem}.modal-content{max-width:600px}.form-grid input,.form-grid select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:.75rem;transition:all .3s ease}.form-grid input:focus,.form-grid select:focus{background:#ffffff1a;border-color:orange;outline:none}.form-grid input::placeholder{color:#ffffff80}@media (max-width:768px){.personnel-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}}.safety-page{padding:0}.page-header{align-items:center;border-bottom:2px solid #ffa5004d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.page-header h1{font-size:2rem;font-weight:700;gap:.75rem}.btn-add,.page-header h1{align-items:center;color:#fff;display:flex}.btn-add{background:linear-gradient(135deg,orange,#ff6b35);border:none;border-radius:8px;box-shadow:0 4px 12px #ffa5004d;cursor:pointer;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add:hover{box-shadow:0 6px 20px #ffa50066;transform:translateY(-2px)}.safety-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.safety-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.safety-card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.safety-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.safety-header h3{color:orange;font-size:1.3rem;font-weight:600}.severity{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.severity.low{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.severity.medium{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.severity.high{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.severity.critical{background:#f4433633;border:1px solid #f443364d;color:#f44336}.safety-details{margin-bottom:1.5rem}.safety-details p{color:#e0e0e0;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.safety-details strong{color:orange;font-weight:600}.safety-actions{display:flex;gap:1rem}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-edit{background:#4fc3f733;border:1px solid #4fc3f74d;color:#4fc3f7}.btn-edit:hover{background:#4fc3f74d;transform:translateY(-1px)}.btn-delete{background:#f4433633;border:1px solid #f443364d;color:#f44336}.btn-delete:hover{background:#f443364d;transform:translateY(-1px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 16px 64px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;width:90%}.modal-content h2{color:orange;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.form-grid input,.form-grid select,.form-grid textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:.75rem;transition:all .3s ease}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:#ffffff1a;border-color:orange;outline:none}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#ffffff80}.form-grid textarea{grid-column:span 2;min-height:80px;resize:vertical}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,orange,#ff6b35);box-shadow:0 4px 12px #ffa5004d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #ffa50066;transform:translateY(-2px)}.modal-actions button[type=button]{background:#ffffff1a;border:1px solid #ffa5004d;color:orange}.modal-actions button[type=button]:hover{background:#ffa5001a}@media (max-width:768px){.safety-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.form-grid textarea{grid-column:span 1}}.app-container{background:#0f1419f2;display:flex;min-height:100vh}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a233280;border-left:1px solid #f39c1233;flex:1 1;overflow-x:hidden;padding:2rem;transition:margin-left .3s ease}.main-content.sidebar-open{margin-left:250px}.main-content.sidebar-closed{margin-left:70px}@media (max-width:768px){.main-content.sidebar-open{margin-left:250px}.main-content.sidebar-closed{margin-left:0}}