.oil-sidebar{background:linear-gradient(180deg,#071a2cfa,#0a263dfa 45%,#0b344bfa),radial-gradient(circle at top left,#ea580c33,#0000 35%);border-right:1px solid #ffffff14;box-shadow:8px 0 30px #02081738;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease;width:280px;z-index:1000}.oil-sidebar__glow{background:radial-gradient(circle,#0f766e38,#0000 70%);filter:blur(8px);height:200px;inset:auto -60px -60px auto;position:absolute;width:200px}.oil-sidebar.open{width:280px}.oil-sidebar.closed{width:78px}.oil-sidebar__header{min-height:96px;padding:1.35rem 1.2rem 1rem;position:relative}.oil-sidebar__brand{align-items:center;display:flex;gap:.9rem;white-space:nowrap}.brand-icon{align-items:center;background:linear-gradient(135deg,#ea580c,#f59e0b);border-radius:16px;box-shadow:0 10px 24px #ea580c59;display:flex;font-size:1.2rem;height:48px;justify-content:center;width:48px}.brand-copy h2{font-size:1.1rem;font-weight:800;letter-spacing:.02em;margin:0}.brand-copy p{color:#ffffffb8;font-size:.8rem;margin:.2rem 0 0}.hamburger-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 10px 18px #00000026;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;right:18px;top:20px;width:42px;z-index:1001}.oil-sidebar__meta{display:flex;flex-wrap:wrap;gap:.6rem;padding:0 1.2rem 1rem}.meta-badge{background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;font-size:.78rem;font-weight:700;padding:.42rem .72rem}.meta-badge.accent{background:#0f766e2e}.oil-sidebar__nav{display:flex;flex:1 1;flex-direction:column;gap:.55rem;padding:.7rem}.nav-item{align-items:center;border:1px solid #0000;border-radius:16px;color:#ffffffd6;display:flex;gap:.9rem;padding:.95rem 1rem;transition:all .3s ease}.nav-item:hover{background:#ffffff14;color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#0f766e73,#ea580c40);border-color:#ffffff1f;box-shadow:0 12px 24px #0000002e;color:#fff}.nav-icon{font-size:1rem;min-width:22px}.nav-text{font-weight:700;white-space:nowrap}.oil-sidebar__auth{border-top:1px solid #ffffff14;padding:.8rem}.oil-sidebar__logout,.oil-sidebar__user{align-items:center;border-radius:16px;display:flex;gap:.9rem;padding:.9rem 1rem;width:100%}.oil-sidebar__user{background:#ffffff0f;margin-bottom:.6rem}.oil-sidebar__user-copy{display:flex;flex-direction:column;min-width:0}.oil-sidebar__user-copy span,.oil-sidebar__user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oil-sidebar__user-copy span{color:#ffffffb3;font-size:.78rem}.oil-sidebar__logout{background:#dc26261f;border:1px solid #ffffff1f;color:#fff;cursor:pointer}.oil-sidebar__logout:hover{background:#dc262633}.oil-sidebar.closed .brand-copy,.oil-sidebar.closed .nav-text,.oil-sidebar.closed .oil-sidebar__meta,.oil-sidebar.closed .oil-sidebar__user-copy{opacity:0;overflow:hidden;pointer-events:none;width:0}.oil-sidebar.closed .oil-sidebar__brand{justify-content:center}.oil-sidebar.closed .hamburger-btn{left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}.oil-sidebar.closed .oil-sidebar__nav{opacity:0;pointer-events:none}@media (max-width:900px){.oil-sidebar{width:78px}.oil-sidebar .brand-copy,.oil-sidebar .nav-text,.oil-sidebar .oil-sidebar__meta,.oil-sidebar .oil-sidebar__user-copy{opacity:0;overflow:hidden;pointer-events:none;width:0}}.kpi-card{align-items:center;background:#ffffffe0;border:1px solid #ffffffa6;border-radius:20px;box-shadow:0 18px 32px #0f172a14;display:flex;gap:1rem;overflow:hidden;padding:1.3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:hover{box-shadow:0 24px 40px #0f172a1f;transform:translateY(-4px)}.kpi-card__icon{align-items:center;border-radius:18px;color:#fff;display:flex;font-size:1.25rem;height:58px;justify-content:center;width:58px}.kpi-card.teal .kpi-card__icon{background:linear-gradient(135deg,#0f766e,#155e75)}.kpi-card.orange .kpi-card__icon{background:linear-gradient(135deg,#ea580c,#f59e0b)}.kpi-card.slate .kpi-card__icon{background:linear-gradient(135deg,#334155,#0f172a)}.kpi-card.green .kpi-card__icon{background:linear-gradient(135deg,#15803d,#16a34a)}.kpi-card__title{color:#64748b;font-size:.9rem;font-weight:700;margin:0 0 .3rem}.kpi-card__value{color:#102132;font-size:1.8rem;font-weight:800;margin:0}.kpi-card__subtitle{color:#64748b;font-size:.9rem;margin:.35rem 0 0}.section-hero{grid-gap:1.4rem;background:linear-gradient(135deg,#ffffffeb,#eff6ffd1),radial-gradient(circle at top right,#ea580c14,#0000 30%);display:grid;gap:1.4rem;grid-template-columns:2fr 1fr;margin-bottom:1.6rem;padding:1.7rem}.section-hero__eyebrow{color:#0f766e;font-size:.8rem;font-weight:800;letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.section-hero h1{font-size:2rem;line-height:1.1;margin:0}.section-hero p{color:#64748b;line-height:1.7}.section-hero__stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.hero-stat{background:#0b1f33f0;border-radius:16px;box-shadow:0 16px 28px #0f172a2e;color:#fff;padding:1rem}.hero-stat strong{display:block;font-size:1.4rem;margin-bottom:.25rem}.hero-stat span{color:#ffffffbf;font-size:.9rem}@media (max-width:900px){.section-hero{grid-template-columns:1fr}}.app-footer{background:linear-gradient(135deg,#0b1f33f5,#12395be6);border-radius:18px;box-shadow:0 18px 36px #0f172a2e;color:#ffffffe6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem;padding:1.2rem 1.4rem}.app-footer strong{display:block;font-size:1rem;margin-bottom:.35rem}.app-footer p,.app-footer span{color:#ffffffb8;margin:0}.dashboard-kpis{margin-bottom:1.6rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1.3fr 1fr;margin-bottom:1.5rem}.lower-grid{grid-template-columns:1fr 1fr}.dashboard-panel{padding:1.35rem}.panel-header h3{font-size:1.15rem;margin:0}.panel-header p{color:#64748b;margin:.35rem 0 0}.chart-box{height:280px;margin-top:1rem}.activity-list{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}.activity-item{align-items:center;background:#ffffffc7;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 10px 22px #0f172a0d;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.activity-item strong{display:block;margin-bottom:.25rem}.activity-item p{color:#64748b;margin:0}@media (max-width:1100px){.dashboard-grid,.lower-grid{grid-template-columns:1fr}}.modal-card h2{color:#102132}.inventory-cards{margin-bottom:1.6rem}.inventory-card{background:#ffffffe6;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 14px 30px #0f172a17;overflow:hidden;transition:all .3s ease}.inventory-card:hover{box-shadow:0 24px 36px #0f172a21;transform:translateY(-4px)}.inventory-card img{height:220px;object-fit:cover;width:100%}.inventory-card__body{padding:1.2rem}.inventory-actions,.inventory-card__top,.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.category-chip{align-items:center;background:#0f766e1f;border-radius:999px;color:#0f766e;display:inline-flex;font-size:.82rem;font-weight:700;gap:.45rem;padding:.5rem .8rem}.inventory-card h3{margin:1rem 0 .5rem}.inventory-card p{color:#64748b;line-height:1.65}.inventory-meta{grid-gap:.45rem;color:#334155;display:grid;font-size:.94rem;gap:.45rem;margin:1rem 0 1.1rem}.inventory-table-space{margin-top:.5rem}.asset-main-cell{align-items:center;display:flex;gap:1rem;min-width:280px}.asset-main-cell img{border-radius:12px;box-shadow:0 10px 20px #0f172a1f;height:72px;object-fit:cover;width:92px}.asset-main-cell p{color:#64748b;line-height:1.5;margin:.35rem 0 0}.project-grid{margin-top:1rem}.project-card{background:#ffffffeb;border:1px solid #ffffffb8;border-radius:20px;box-shadow:0 16px 34px #0f172a14;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 24px 42px #0f172a1f;transform:translateY(-4px)}.project-card img{height:210px;object-fit:cover;width:100%}.project-card__body{padding:1.2rem}.project-top-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.project-card p{color:#64748b;line-height:1.65}.project-progress{margin:1rem 0}.progress-label{display:flex;font-weight:700;justify-content:space-between;margin-bottom:.55rem}.progress-bar{background:#e2e8f0d9;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,#0f766e,#ea580c);border-radius:999px;display:block;height:100%}.project-meta{grid-gap:.4rem;color:#334155;display:grid;gap:.4rem;margin-bottom:1rem}.small-muted{color:#64748b;font-size:.88rem;margin-top:.3rem}.compliance-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.compliance-card{padding:1.25rem}.compliance-card__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.compliance-card h3{margin:.7rem 0 0}.compliance-card p{color:#64748b;line-height:1.65}.compliance-meta-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);margin:1rem 0 1.2rem}.compliance-meta-grid div{background:#f8fafcd6;border:1px solid #0f172a0f;border-radius:14px;padding:.85rem}.compliance-meta-grid strong{color:#334155;display:block;margin-bottom:.25rem}.compliance-meta-grid span{color:#64748b}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:linear-gradient(180deg,#fffffff5,#f3f7fbf5);padding:2rem;width:min(460px,100%)}.login-copy h1{font-size:2rem;margin:.35rem 0 .8rem}.login-copy p{color:var(--muted);line-height:1.6;margin:0}.login-eyebrow{background:#0f766e1f;border-radius:999px;color:var(--accent);display:inline-flex;font-size:.78rem;font-weight:800;letter-spacing:.04em;padding:.35rem .75rem;text-transform:uppercase}.login-demo-box{background:#0b1f33f2;border-radius:14px;color:#fff;gap:.25rem;margin:1.5rem 0;padding:1rem 1.1rem}.login-demo-box,.login-form{display:flex;flex-direction:column}.login-form{gap:1rem}.login-submit{margin-top:.25rem;width:100%}.app-container{display:flex;min-height:100vh}.main-content{margin-left:280px;min-height:100vh;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 280px)}.main-content.sidebar-closed{margin-left:78px;width:calc(100% - 78px)}.page-content{padding:1.5rem}@media (max-width:900px){.main-content{margin-left:78px;width:calc(100% - 78px)}}:root{--bg:#f4f7fb;--text:#122033;--muted:#62748a;--card:#ffffffe0;--line:#10182814;--accent:#0f766e;--accent-2:#ea580c;--nav-dark:#0b1f33;--nav-mid:#12395b;--nav-glow:#0f766e40;--success:#15803d;--danger:#dc2626;--warning:#d97706;--shadow-lg:0 18px 40px #0f172a1f;--shadow-md:0 10px 24px #0f172a14;--radius:18px}*{box-sizing:border-box}#root,body,html{background:radial-gradient(circle at top right,#ea580c1a,#0000 20%),radial-gradient(circle at bottom left,#0f766e1f,#0000 25%),#f4f7fb;color:#122033;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.7}img{display:block;max-width:100%}.page-shell{padding:2rem}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;background:var(--card);border:1px solid #ffffff80;border-radius:18px;border-radius:var(--radius);box-shadow:0 18px 40px #0f172a1f;box-shadow:var(--shadow-lg)}.section-title{font-size:1.7rem;font-weight:700;margin:0}.section-subtitle{color:#62748a;color:var(--muted);line-height:1.6;margin-top:.4rem}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;gap:.35rem;padding:.4rem .8rem}.status-pill.success{background:#15803d1f;color:#15803d;color:var(--success)}.status-pill.warning{background:#d977061f;color:#d97706;color:var(--warning)}.status-pill.danger{background:#dc26261f;color:#dc2626;color:var(--danger)}.status-pill.info{background:#0f766e1f;color:#0f766e;color:var(--accent)}.grid-auto{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.data-table-wrapper{background:#ffffffe0;border:1px solid #10182814;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 24px #0f172a14;box-shadow:var(--shadow-md);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #0f172a0f;padding:1rem;text-align:left;vertical-align:top}.data-table th{background:#0b1f33eb;color:#fff;position:sticky;top:0;z-index:1}.data-table tbody tr:nth-child(2n){background:#f8fafccc}.data-table tbody tr:hover{background:#0f766e0f}.page-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.danger-btn,.icon-btn,.primary-btn,.secondary-btn{border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-btn{background:linear-gradient(135deg,#0f766e,#155e75);border-radius:12px;box-shadow:0 12px 24px #0f766e38;color:#fff;font-weight:700;padding:.9rem 1.2rem}.danger-btn:hover,.icon-btn:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.secondary-btn{background:#0f766e1a;color:#0f766e;color:var(--accent)}.danger-btn,.secondary-btn{border-radius:12px;font-weight:700;padding:.75rem 1rem}.danger-btn{background:#dc26261a;color:#dc2626;color:var(--danger)}.icon-btn{align-items:center;background:#ffffffe6;border:1px solid #0f172a14;border-radius:10px;box-shadow:0 8px 14px #0f172a14;display:inline-flex;height:38px;justify-content:center;width:38px}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group.full{grid-column:1/-1}.form-group label{color:#24364b;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#fffffff5;border:1px solid #0f172a1f;border-radius:12px;outline:none;padding:.9rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f766e8c;box-shadow:0 0 0 4px #0f766e1f}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07121f8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1200}.modal-card{background:linear-gradient(180deg,#fffffffa,#f5f8fbfa);border:1px solid #fff9;border-radius:22px;box-shadow:0 22px 60px #02081747;max-height:90vh;overflow-y:auto;padding:1.5rem;width:min(760px,100%)}.modal-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.modal-actions{display:flex;gap:.8rem;justify-content:flex-end;margin-top:1.25rem}.feedback{border-radius:12px;font-weight:600;margin-bottom:1rem;padding:.9rem 1rem}.feedback.success{background:#15803d1a;color:#15803d;color:var(--success)}.feedback.error{background:#dc26261a;color:#dc2626;color:var(--danger)}.empty-state,.error-state,.loading-state{background:#ffffffd1;border:1px solid #10182814;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 24px #0f172a14;box-shadow:var(--shadow-md);padding:2rem;text-align:center}@media (max-width:900px){.form-grid{grid-template-columns:1fr}.page-shell{padding:1rem}}