@font-face{font-family:Geist Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Geist-Variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2")}:root{--primary-dark:#71717A;--primary:#A1A1AA;--primary-bright:#E4E4E7;--primary-muted:rgba(161,161,170,0.10);--primary-subtle:rgba(161,161,170,0.05);--bg-root:#09090B;--bg-body:#0C0C0E;--bg-surface:#111113;--bg-card:#141416;--bg-elevated:#1A1A1E;--bg-hover:#1F1F23;--bg-input:#0F0F11;--bg-sidebar:#0B0B0D;--border-default:#27272A;--border-subtle:#1F1F22;--border-accent:#3F3F46;--border-strong:#3F3F46;--text-primary:#FAFAFA;--text-secondary:#A1A1AA;--text-muted:#52525B;--text-accent:#E4E4E7;--text-inverse:#09090B;--status-active:#22c55e;--status-active-bg:rgba(34,197,94,0.1);--status-pending:#f59e0b;--status-pending-bg:rgba(245,158,11,0.1);--status-critical:#ef4444;--status-critical-bg:rgba(239,68,68,0.1);--status-closed:#6b7280;--status-closed-bg:rgba(107,114,128,0.1);--status-info:#3b82f6;--status-info-bg:rgba(59,130,246,0.1);--status-suspended:#f97316;--status-suspended-bg:rgba(249,115,22,0.1);--emergency-bg:#1a0505;--emergency-surface:#1f0a0a;--emergency-border:#3d1515;--emergency-text:#fca5a5;--emergency-accent:#ef4444;--font-body:"Geist Sans","Geist",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Geist Sans","Geist",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--density-comfortable:20px;--density-moderate:16px;--density-dense:12px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 1px 3px rgba(0,0,0,0.2);--shadow-md:0 2px 4px rgba(0,0,0,0.3),0 6px 16px rgba(0,0,0,0.25);--shadow-lg:0 4px 8px rgba(0,0,0,0.3),0 12px 32px rgba(0,0,0,0.3);--shadow-xl:0 8px 16px rgba(0,0,0,0.3),0 24px 56px rgba(0,0,0,0.35);--shadow-hover:0 4px 12px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.2);--shadow-elevated:0 2px 4px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.2);--surface-highlight:inset 0 1px 0 rgba(255,255,255,0.03);--surface-highlight-strong:inset 0 1px 0 rgba(255,255,255,0.06);--sidebar-w:240px;--sidebar-collapsed:64px;--topbar-h:56px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.22,1,0.36,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}[data-theme=light]{--primary-dark:#71717A;--primary:#52525B;--primary-bright:#27272A;--primary-muted:rgba(82,82,91,0.10);--primary-subtle:rgba(82,82,91,0.05);--bg-root:#F8F8FA;--bg-body:#F4F4F6;--bg-surface:#FFFFFF;--bg-card:#FFFFFF;--bg-elevated:#FFFFFF;--bg-hover:#F0F0F3;--bg-input:#F4F4F6;--bg-sidebar:#FAFAFA;--border-default:#E4E4E7;--border-subtle:#ECECEF;--border-accent:#D4D4D8;--border-strong:#D4D4D8;--text-primary:#09090B;--text-secondary:#3F3F46;--text-muted:#71717A;--text-accent:#27272A;--text-inverse:#FAFAFA;--status-active:#16a34a;--status-active-bg:rgba(22,163,74,0.08);--status-pending:#d97706;--status-pending-bg:rgba(217,119,6,0.08);--status-critical:#dc2626;--status-critical-bg:rgba(220,38,38,0.06);--status-closed:#6b7280;--status-closed-bg:rgba(107,114,128,0.08);--status-info:#2563eb;--status-info-bg:rgba(37,99,235,0.06);--status-suspended:#ea580c;--status-suspended-bg:rgba(234,88,12,0.06);--emergency-bg:#FEF2F2;--emergency-surface:#FEE2E2;--emergency-border:#FECACA;--emergency-text:#991B1B;--emergency-accent:#dc2626;--shadow-sm:0 1px 2px rgba(0,0,0,0.05),0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 2px 4px rgba(0,0,0,0.04),0 6px 16px rgba(0,0,0,0.06);--shadow-lg:0 4px 8px rgba(0,0,0,0.04),0 12px 32px rgba(0,0,0,0.08);--shadow-xl:0 8px 16px rgba(0,0,0,0.06),0 24px 56px rgba(0,0,0,0.10);--shadow-hover:0 4px 12px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);--shadow-elevated:0 2px 4px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);--surface-highlight:inset 0 1px 0 rgba(255,255,255,0.7);--surface-highlight-strong:inset 0 1px 0 rgba(255,255,255,0.9)}@media (min-width:1400px){:root{--text-base:17px;--text-sm:0.85rem;--text-xs:0.75rem;--text-label:0.72rem;--text-body:0.95rem;--text-heading:1.4rem;--text-display:1.8rem;--text-kpi:2.2rem;--text-badge:0.78rem}}@media (max-width:1399px){:root{--text-base:15px;--text-sm:0.82rem;--text-xs:0.68rem;--text-label:0.68rem;--text-body:0.85rem;--text-heading:1.15rem;--text-display:1.5rem;--text-kpi:2rem;--text-badge:0.7rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base,15px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-root);color:var(--text-primary);min-height:100dvh;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 120% 60% at 65% 10%,rgba(255,255,252,.025) 0,transparent 65%),radial-gradient(ellipse 80% 40% at 15% 85%,rgba(255,255,255,.01) 0,transparent 50%);pointer-events:none;z-index:0}[data-theme=light] body:before{background:radial-gradient(ellipse 120% 60% at 65% 10%,rgba(0,0,0,.012) 0,transparent 65%),radial-gradient(ellipse 80% 40% at 15% 85%,rgba(0,0,0,.008) 0,transparent 50%)}body:after{content:"";position:fixed;inset:0;opacity:.018;mix-blend-mode:overlay;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}[data-theme=light] body:after{opacity:.012;mix-blend-mode:multiply}::selection{background:rgba(161,161,170,.3);color:#fff}[data-theme=light] ::selection{background:rgba(9,9,11,.15);color:#09090B}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--text-accent);text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-body{font-size:var(--text-body)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.app-shell{display:flex;min-height:100dvh;position:relative;z-index:1}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform .35s var(--ease-out);box-shadow:var(--surface-highlight)}.sidebar:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:linear-gradient(180deg,transparent 5%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.06) 70%,transparent 95%);pointer-events:none}[data-theme=light] .sidebar:after{background:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.04) 30%,rgba(0,0,0,.04) 70%,transparent 95%)}[data-theme=light] .sidebar-brand .brand-logo{content:url(/images/logo-black.svg)}.sidebar-brand{min-height:var(--topbar-h);padding:6px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border-subtle);box-sizing:content-box}.sidebar-brand .brand-logo{height:24px;width:auto;flex-shrink:0;opacity:.95}.sidebar-brand .brand-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-primary);flex-shrink:0}.sidebar-brand h1{font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.sidebar-brand h1 span{display:block;font-family:var(--font-heading);font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:2px}.sidebar-nav{flex:1 1;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-section-label{font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:18px 16px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-body);font-weight:500;transition:all var(--duration-normal) var(--ease-out);position:relative;text-decoration:none;min-height:44px}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item:active{transform:scale(.98)}.nav-item.active{color:var(--text-primary);background:var(--bg-hover);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--text-primary);border-radius:0 3px 3px 0}.nav-item .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0}.nav-item.active .nav-icon{opacity:1}.nav-item .nav-badge{margin-left:auto;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--status-critical-bg);color:var(--status-critical);line-height:1.4}.nav-item .nav-badge.green{background:var(--status-active-bg);color:var(--status-active)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-subtle)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--duration-normal);cursor:pointer}.sidebar-user:hover{background:var(--bg-hover)}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.user-meta{overflow:hidden}.user-meta .name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .role{font-size:.65rem;color:var(--text-muted)}.main-content{flex:1 1;margin-left:var(--sidebar-w);min-height:100dvh;display:flex;flex-direction:column;transition:margin-left .35s var(--ease-out);min-width:0;overflow-x:hidden}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:rgba(9,9,11,.85);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-default);min-height:var(--topbar-h);box-shadow:0 1px 0 rgba(255,255,255,.02)}[data-theme=light] .topbar{background:rgba(248,248,250,.88);box-shadow:0 1px 0 rgba(0,0,0,.04)}.topbar-left{display:flex;align-items:center;gap:16px}.hamburger{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--duration-normal)}.hamburger:hover{background:var(--bg-hover);color:var(--text-primary)}.page-title{font-family:var(--font-heading);font-size:var(--text-heading);font-weight:800;letter-spacing:-.04em;text-wrap:balance}.topbar-right{gap:10px}.topbar-btn,.topbar-right{display:flex;align-items:center}.topbar-btn{width:40px;height:40px;border-radius:var(--radius-sm);justify-content:center;color:var(--text-secondary);transition:all var(--duration-normal);position:relative}.topbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-btn .notif-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--status-critical)}.env-badge{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.page-container{flex:1 1;padding:var(--space-xl) 40px var(--space-2xl);max-width:100%;overflow-x:hidden}.emergency-banner{display:none;padding:12px 32px;background:var(--emergency-bg);border-bottom:1px solid var(--emergency-border);color:var(--emergency-text);font-size:var(--text-sm);font-weight:600;align-items:center;gap:12px;animation:emergencyBannerIn .2s var(--ease-out)}.emergency-banner.visible{display:flex}.emergency-banner .banner-dot{width:8px;height:8px;border-radius:50%;background:var(--emergency-accent);animation:pulseDot 2s infinite;flex-shrink:0}.grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--space-md)}.grid-2,.grid-2-1{display:grid;gap:var(--space-md)}.grid-2-1{grid-template-columns:2fr 1fr;grid-gap:var(--space-md)}.grid-1-2{grid-template-columns:1fr 2fr;grid-gap:var(--space-md)}.grid-1-2,.grid-3{display:grid;gap:var(--space-md)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}.sidebar-overlay.visible{display:block}[data-theme=light] ::-webkit-scrollbar-thumb{background:#D4D4D8}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#A1A1AA}[data-theme=light] .sidebar-overlay.visible{background:rgba(0,0,0,.2)}@media (max-width:768px){[data-theme=light] .sidebar.open{box-shadow:4px 0 32px rgba(0,0,0,.12)}}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--duration-normal);cursor:pointer;background:none;border:none}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}[data-role=admin] .operator-only,[data-role=contractor] .supervisor-only,[data-role=operator] .supervisor-only,[data-role=supervisor] .operator-only{display:none!important}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;padding:14px 20px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;max-width:380px;animation:toastIn .2s var(--ease-out);display:flex;align-items:flex-start;gap:12px}.toast.dismissing{animation:toastOut .2s var(--ease-out) forwards}.toast .toast-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.toast.success{border-color:#1a3a2a}.toast.error{border-color:#3d1515}.toast.warning{border-color:#3d2a0a}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-1-2,.grid-2,.grid-2-1,.grid-3{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);box-shadow:4px 0 32px rgba(0,0,0,.5)}.main-content{margin-left:0}.hamburger{display:flex;min-width:44px;min-height:44px}.topbar{padding:12px 16px}.page-container{padding:var(--space-md) var(--space-sm) var(--space-xl)}.grid-4{grid-template-columns:1fr}.page-title{font-size:1.2rem}.theme-toggle,.topbar-btn{min-width:44px;min-height:44px}}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.kpi-card{position:relative;padding:22px 24px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);border-top:2px solid var(--border-strong);overflow:hidden;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;box-shadow:var(--surface-highlight)}.kpi-card:hover{border-color:var(--border-accent);border-top-color:var(--text-secondary);box-shadow:var(--surface-highlight),var(--shadow-elevated);transform:translateY(-3px)}.kpi-card:active{transform:translateY(-1px) scale(.99)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kpi-label{font-size:var(--text-label);font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.kpi-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px}.kpi-icon.green{background:rgba(34,197,94,.12);color:var(--status-active)}.kpi-icon.amber{background:rgba(245,158,11,.12);color:#f59e0b}.kpi-icon.red{background:rgba(239,68,68,.12);color:#ef4444}.kpi-icon.blue{background:rgba(59,130,246,.12);color:#3b82f6}.kpi-icon.teal{background:rgba(161,161,170,.12);color:var(--text-secondary)}.kpi-value{font-size:var(--text-kpi);font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.3)}.kpi-change{font-size:var(--text-xs);font-weight:500;display:inline-flex;align-items:center;gap:3px}.kpi-change.up{color:var(--status-active)}.kpi-change.down{color:var(--status-critical)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;transition:all .3s var(--ease-out);box-shadow:var(--surface-highlight);max-width:100%;min-width:0}.card:hover{border-color:var(--border-accent);box-shadow:var(--surface-highlight),var(--shadow-elevated);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-subtle)}.card-title{font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;letter-spacing:-.02em;text-wrap:balance}.card-body{padding:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.card-body.compact{padding:16px 24px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-badge);font-weight:600;padding:4px 12px;border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge.active{background:var(--status-active-bg);color:var(--status-active)}.badge.active:before{background:var(--status-active)}.badge.pending{background:var(--status-pending-bg);color:#fbbf24}.badge.pending:before{background:#fbbf24}.badge.critical,.badge.suspended{background:var(--status-critical-bg);color:#f87171}.badge.critical:before,.badge.suspended:before{background:#f87171}.badge.closed,.badge.completed{background:var(--status-closed-bg);color:#9ca3af}.badge.closed:before,.badge.completed:before{background:#9ca3af}.badge.info{background:var(--status-info-bg);color:#60a5fa}.badge.info:before{background:#60a5fa}.badge.draft{background:rgba(107,114,128,.08);color:#8b9b93;border:1px dashed rgba(107,114,128,.3)}.badge.draft:before{background:#8b9b93}.badge.no-dot:before{display:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out);min-height:40px;cursor:pointer;border:none;text-decoration:none}.btn-primary{background:var(--text-primary);color:var(--text-inverse);font-weight:600;transition:all var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.btn-primary:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px) scale(.97);box-shadow:none}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:transparent;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.btn-ghost:active{transform:translateY(1px) scale(.97)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);background:var(--bg-elevated);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-secondary:active{transform:translateY(1px) scale(.97)}.btn-danger{background:var(--status-critical-bg);color:#f87171;border:1px solid #3d1515;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-danger:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.3)}.btn-danger:active{transform:translateY(1px) scale(.97)}.btn-warning{background:var(--status-pending-bg);color:#fbbf24;border:1px solid #3d2e06;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-warning:hover{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.3)}.btn-warning:active{transform:translateY(1px) scale(.97)}.btn-lg{padding:14px 28px;font-size:var(--text-body);min-height:52px;border-radius:var(--radius-md)}.btn-sm{padding:6px 14px;font-size:var(--text-xs);min-height:32px}.btn-icon{width:40px;height:40px;padding:0;justify-content:center}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{font-size:var(--text-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:10px 16px;text-align:left;border-bottom:1px solid var(--border-default);position:-webkit-sticky;position:sticky;top:0;background:var(--bg-input)}.data-table tbody td{padding:10px 16px;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast),box-shadow var(--duration-fast);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table tbody tr{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.data-table tbody tr:nth-child(2n) td{background:rgba(255,255,255,.01)}.data-table tbody tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.data-table tbody tr:active{transform:scale(.998)}.data-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--text-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.permit-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-lg);flex-wrap:wrap}.search-wrapper{position:relative;flex:1 1;min-width:200px}.search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:10px 14px 10px 38px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-normal),box-shadow var(--duration-normal);min-height:40px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.search-input::placeholder{color:var(--text-muted)}.filter-select{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-secondary);font-size:var(--text-sm);outline:none;cursor:pointer;min-height:40px;transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.filter-select option{background:var(--bg-elevated);color:var(--text-primary)}.activity-list{list-style:none}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.green{background:var(--status-active)}.activity-dot.amber{background:#f59e0b}.activity-dot.red{background:var(--status-critical)}.activity-dot.blue{background:#3b82f6}.activity-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:3px}.alert-card{padding:20px 24px;border-radius:var(--radius-md);border:1px solid #3d1515;background:var(--status-critical-bg);margin-bottom:var(--space-md);transition:border-color var(--duration-normal)}.alert-card:hover{border-color:rgba(239,68,68,.4)}.alert-card.warning{border-color:#3d2e06;background:var(--status-pending-bg)}.alert-card.warning:hover{border-color:rgba(245,158,11,.4)}.alert-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.alert-icon{font-size:1.1rem}.alert-title{font-size:var(--text-body);font-weight:700}.alert-meta{display:flex;gap:20px;font-size:var(--text-xs);color:var(--text-muted)}.alert-meta span{gap:4px}.alert-meta span,.simops-item{display:flex;align-items:center}.simops-item{justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.simops-item:last-child{border-bottom:none}.simops-ops{display:flex;gap:6px}.simops-op{font-size:var(--text-xs);padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-secondary);font-weight:500}.simops-status{font-size:var(--text-xs);font-weight:600}.simops-status.ok{color:var(--status-active)}.simops-status.conflict{color:var(--status-critical)}.simops-status.review{color:var(--status-pending)}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:var(--text-sm);color:var(--text-secondary)}.metric-value{font-size:var(--text-body);font-weight:700;color:var(--text-primary)}.metric-bar-wrapper{flex:1 1;margin:0 16px;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.metric-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--text-muted),var(--text-secondary))}.chart-container{position:relative;width:100%}.chart-container canvas{width:100%!important}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center}.modal-overlay.active{display:flex;animation:fadeIn .2s var(--ease-out)}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:32px;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;animation:modalIn .3s var(--ease-spring);box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.modal-close{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background var(--duration-normal),color var(--duration-normal);cursor:pointer;background:none;border:none}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{margin-bottom:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog .modal-content{border-color:#3d1515}.confirm-dialog .consequence-box{padding:16px;border-radius:var(--radius-md);background:var(--status-critical-bg);border:1px solid #3d1515;margin-bottom:20px;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.confirm-dialog .consequence-box strong{color:#fca5a5}.progress-ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-bg{stroke:var(--border-default)}.progress-ring-progress{stroke:var(--text-secondary);transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.progress-ring-complete{stroke:var(--status-active)}.progress-ring-label{position:absolute;font-size:.9rem;font-weight:700;color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:var(--space-md);opacity:.35}.empty-state p{font-size:var(--text-body);max-width:320px;margin:0 auto}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-label small{display:block;font-size:var(--text-xs);font-weight:400;color:var(--text-muted);margin-top:2px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-normal),box-shadow var(--duration-normal);min-height:40px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.form-textarea{min-height:100px;resize:vertical}.vessel-card{padding:16px 20px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--surface-highlight)}.vessel-card:hover{border-color:var(--border-accent);box-shadow:var(--surface-highlight),var(--shadow-elevated);transform:translateY(-2px)}.vessel-card:active{transform:translateY(0) scale(.99)}.vessel-info{display:flex;flex-direction:column;gap:4px}.vessel-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.vessel-meta{font-size:var(--text-xs);color:var(--text-muted)}.vessel-stats{gap:12px}.vessel-stat,.vessel-stats{display:flex;align-items:center}.vessel-stat{flex-direction:column;gap:2px}.vessel-stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.vessel-stat-label{font-family:var(--font-heading);font-size:.6rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0,var(--bg-hover) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent!important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton *{visibility:hidden}.skeleton-text{height:.85em;width:80%;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:60%}.skeleton-circle{border-radius:50%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:60ms}.stagger-2{transition-delay:.12s}.stagger-3{transition-delay:.18s}.stagger-4{transition-delay:.24s}.stagger-5{transition-delay:.3s}.stagger-6{transition-delay:.36s}[data-theme=light] .kpi-card{border-top:2px solid var(--border-default);box-shadow:var(--shadow-sm)}[data-theme=light] .kpi-card:hover{box-shadow:var(--shadow-md);border-top-color:var(--text-muted)}[data-theme=light] .kpi-value{text-shadow:none}[data-theme=light] .card{box-shadow:var(--shadow-sm)}[data-theme=light] .card:hover{box-shadow:var(--shadow-md)}[data-theme=light] .data-table tbody tr:nth-child(2n) td{background:rgba(0,0,0,.015)}[data-theme=light] .data-table tbody tr:hover td{background:#F0F0F3}[data-theme=light] .data-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--text-muted)}[data-theme=light] .btn-primary{background:#09090B;color:#FAFAFA}[data-theme=light] .btn-primary:hover{background:#18181B;box-shadow:var(--shadow-md)}[data-theme=light] .modal-overlay{background:rgba(0,0,0,.35)}[data-theme=light] .modal-content{box-shadow:var(--shadow-xl)}[data-theme=light] .toast{box-shadow:var(--shadow-md)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#ECECEF,#F4F4F6 50%,#ECECEF);background-size:200% 100%}[data-theme=light] .badge.draft{background:rgba(107,114,128,.06);border-color:rgba(107,114,128,.25)}[data-theme=light] .filter-select option{background:#FFFFFF;color:#09090B}[data-theme=light] .vessel-card{box-shadow:var(--shadow-sm)}[data-theme=light] .vessel-card:hover{box-shadow:var(--shadow-md)}[data-theme=light] .metric-bar{background:linear-gradient(90deg,var(--text-muted),var(--primary))}@media (max-width:1024px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.btn{padding:10px 18px}.btn,.btn-sm{min-height:44px}.btn-sm{padding:8px 14px}.btn-icon{width:44px;height:44px}.filter-select,.search-input{min-height:44px}.form-input,.form-select,.form-textarea{min-height:44px;font-size:16px}.data-table tbody td{padding:14px 12px}.data-table thead th{padding:12px;white-space:nowrap}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:8px}.card-body{padding:16px}.card-header{padding:14px 16px}.modal-content{width:95%;padding:20px;max-height:90vh}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1;min-width:120px}}@media (max-width:480px){.btn{padding:10px 14px;font-size:var(--text-xs)}.card-body,.card-header{padding:12px}.data-table tbody td{padding:12px 8px;font-size:var(--text-xs)}.data-table thead th{padding:10px 8px;font-size:.6rem}}.permit-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-lg);gap:24px;flex-wrap:wrap}.permit-header-left{display:flex;flex-direction:column;gap:8px}.permit-header-id{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:-.01em}.permit-header-id,.permit-header-title{font-weight:700;color:var(--text-primary)}.permit-header-title{font-family:var(--font-heading);font-size:var(--text-heading);letter-spacing:-.03em;text-wrap:balance}.permit-header-meta{display:flex;gap:24px;flex-wrap:wrap}.permit-meta-item{display:flex;flex-direction:column;gap:2px}.permit-meta-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.permit-meta-value{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.permit-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.permit-actions{display:flex;gap:8px;flex-wrap:wrap}.gates-panel{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}@media (max-width:1100px){.gates-panel{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gates-panel{grid-template-columns:1fr}}.gate-card{background:rgba(255,255,255,.02);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:6px;cursor:pointer;position:relative;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.gate-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-hover)}.gate-card-inner{background:var(--bg-card);border-radius:calc(var(--radius-lg) - 4px);padding:24px;text-align:center;box-shadow:inset 0 1px 1px rgba(255,255,255,.04)}.gate-card.satisfied{border-color:var(--border-default);border-top:2px solid var(--status-active)}.gate-card.blocking{border-top:2px solid var(--status-pending)}.gate-icon{font-size:1.5rem;margin-bottom:12px}.gate-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.gate-count{font-size:var(--text-xs);color:var(--text-muted);margin-top:8px}.gate-status-label{display:inline-block;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full);margin-top:12px}.gate-status-label.complete{background:var(--status-active-bg);color:var(--status-active)}.gate-status-label.incomplete{background:var(--status-pending-bg);color:var(--status-pending)}.gate-detail{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle);text-align:left}.gate-card.expanded .gate-card-inner .gate-detail,.gate-card.expanded .gate-detail{display:block}.gate-detail-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:var(--text-sm);color:var(--text-secondary)}.gate-detail-item .check-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gate-detail-item .check-icon.done{background:rgba(34,197,94,.12);color:var(--status-active)}.gate-detail-item .check-icon.pending{background:var(--status-closed-bg);color:var(--text-muted);border:1px dashed var(--status-closed)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--border-subtle)}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-24px;top:2px;width:10px;height:10px;border-radius:50%;border:2px solid}.timeline-dot.green{border-color:var(--status-active);background:rgba(34,197,94,.3)}.timeline-dot.amber{border-color:var(--status-pending);background:rgba(245,158,11,.3)}.timeline-dot.red{border-color:var(--status-critical);background:rgba(239,68,68,.3)}.timeline-dot.blue{border-color:var(--status-info);background:rgba(59,130,246,.3)}.timeline-dot.gray{border-color:var(--status-closed);background:rgba(107,114,128,.3)}.timeline-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.timeline-content strong{color:var(--text-primary);font-weight:600}.timeline-time{font-family:var(--font-mono);margin-top:2px}.timeline-actor,.timeline-time{font-size:var(--text-xs);color:var(--text-muted)}.timeline-actor{font-weight:500}.wizard-steps{gap:0;margin-bottom:var(--space-xl);padding:0 var(--space-lg)}.wizard-step,.wizard-steps{display:flex;align-items:center}.wizard-step{gap:10px;flex:1 1;position:relative}.wizard-step:after{content:"";flex:1 1;height:2px;background:var(--border-default);margin:0 12px}.wizard-step:last-child:after{display:none}.wizard-step.completed:after{background:var(--text-secondary)}.wizard-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.wizard-step.active .wizard-step-number{background:var(--text-primary);color:var(--text-inverse)}.wizard-step.completed .wizard-step-number{background:var(--text-muted);color:var(--text-primary)}.wizard-step.upcoming .wizard-step-number{background:var(--status-closed-bg);color:var(--text-muted);border:1px dashed var(--status-closed)}.wizard-step-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);white-space:nowrap}.wizard-step.active .wizard-step-label{color:var(--text-primary)}.wizard-step.completed .wizard-step-label{color:var(--text-secondary)}.wizard-content{animation:fadeIn .2s var(--ease-out)}.wizard-footer{display:flex;justify-content:space-between;padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);margin-top:var(--space-xl)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.template-card{padding:24px 20px;border-radius:var(--radius-md);background:var(--bg-card);border:2px solid var(--border-default);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);text-align:center}.template-card:hover{border-color:var(--border-accent)}.template-card.selected{border-color:var(--text-primary);background:var(--primary-subtle)}.template-card .template-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.2rem;color:var(--text-secondary)}.template-card .template-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:4px}.template-card .template-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.template-card .template-reqs{display:flex;justify-content:center;gap:12px;margin-top:12px;font-size:.65rem;color:var(--text-muted)}.template-card .template-reqs span{display:flex;align-items:center;gap:3px}.gantt-container{overflow-x:auto;padding:16px 0}.gantt-header{display:flex;border-bottom:1px solid var(--border-default);padding-bottom:8px;margin-bottom:16px;margin-left:140px}.gantt-hour{flex:1 1;min-width:50px;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.gantt-row{display:flex;align-items:center;margin-bottom:8px;min-height:40px}.gantt-label{width:140px;font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;flex-shrink:0;padding-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-track{flex:1 1;position:relative;height:32px;background:rgba(255,255,255,.02);border-radius:var(--radius-sm)}.gantt-bar{position:absolute;top:2px;bottom:2px;border-radius:4px;display:flex;align-items:center;padding:0 8px;font-size:.65rem;font-weight:600;color:#fff;cursor:pointer;transition:opacity var(--duration-normal) var(--ease-out);overflow:hidden;white-space:nowrap}.gantt-bar:hover{opacity:.85}.gantt-bar.hot-work{background:#dc2626}.gantt-bar.confined-space{background:#7c3aed}.gantt-bar.electrical{background:#2563eb}.gantt-bar.loto{background:#d97706}.gantt-bar.working-at-height{background:#059669}.gantt-conflict{position:absolute;top:-4px;bottom:-4px;border:2px dashed var(--status-critical);border-radius:6px;background:var(--status-critical-bg);pointer-events:none;animation:emergencyPulse 3s infinite}[data-theme=light] .gate-card{background:rgba(0,0,0,.015)}[data-theme=light] .gate-card-inner{background:#FFFFFF;box-shadow:var(--shadow-sm),inset 0 1px 1px rgba(255,255,255,.5)}[data-theme=light] .gate-card:hover{box-shadow:var(--shadow-md)}[data-theme=light] .permit-header{box-shadow:var(--shadow-sm)}[data-theme=light] .gantt-track{background:rgba(0,0,0,.025)}[data-theme=light] .gantt-conflict{background:rgba(220,38,38,.06)}[data-theme=light] .template-card.selected{border-color:#09090B;background:rgba(9,9,11,.03)}[data-theme=light] .template-card .template-icon{background:#F4F4F6}[data-theme=light] .wizard-step.active .wizard-step-number{background:#09090B;color:#FAFAFA}@media (max-width:768px){.permit-header{flex-direction:column;align-items:stretch;padding:16px}.permit-header-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.permit-header-meta{gap:12px;flex-direction:column}.permit-header-id{font-size:1rem}.permit-header-title{font-size:1.1rem}.permit-actions{width:100%}.permit-actions .btn{flex:1 1;justify-content:center;min-height:44px}.wizard-steps{padding:0 var(--space-sm)}.wizard-step-label{display:none}.gantt-label{width:100px;font-size:.6rem}.gantt-header{margin-left:100px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gate-card-inner{padding:16px}.timeline{padding-left:24px}}@media (max-width:480px){.wizard-steps{padding:0}.wizard-step:after{margin:0 6px}.template-grid{grid-template-columns:1fr}.permit-header{padding:12px}.permit-actions{flex-direction:column}.permit-actions .btn{width:100%}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:0}to{transform:scale(1);opacity:0}}.panic-section{text-align:center;padding:var(--space-2xl) var(--space-lg)}.panic-btn{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,#b91c1c,#dc2626);border:4px solid rgba(239,68,68,.3);color:#fff;font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 40px rgba(239,68,68,.2)}.panic-btn:hover{transform:scale(1.05);box-shadow:0 0 60px rgba(239,68,68,.35);border-color:rgba(239,68,68,.5)}.panic-btn:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(239,68,68,.2);animation:pulseRing 2s infinite}.panic-btn .panic-icon{font-size:2rem}.panic-btn .panic-label{font-size:.75rem;letter-spacing:.1em}.panic-subtitle{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--text-muted)}.triage-overlay{display:none;position:fixed;inset:0;z-index:2000;background:linear-gradient(180deg,#0a0505,#1a0808);flex-direction:column;animation:fadeIn .2s var(--ease-out)}.triage-overlay.active{display:flex}.triage-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--emergency-border);background:var(--emergency-surface)}.triage-header-left{display:flex;align-items:center;gap:12px}.triage-title{font-size:1rem;font-weight:700;color:var(--emergency-text)}.triage-badge{font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(239,68,68,.15);color:var(--emergency-accent);letter-spacing:.06em;text-transform:uppercase;animation:pulseDot 2s infinite}.triage-progress{height:3px;background:rgba(239,68,68,.1)}.triage-progress-fill{height:100%;background:linear-gradient(90deg,#dc2626,#ef4444);transition:width .4s var(--ease-out);border-radius:0 2px 2px 0}.triage-body{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-xl) var(--space-2xl) var(--space-2xl);text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.triage-body>div:only-child:not(.pas-section){margin-top:auto;margin-bottom:auto}.triage-step-number{font-size:var(--text-xs);font-weight:700;color:rgba(239,68,68,.5);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-md)}.triage-question{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text-primary);max-width:600px;line-height:1.3;margin-bottom:var(--space-xl)}.triage-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-md);gap:var(--space-md);max-width:700px;width:100%}.triage-option{padding:20px 16px;border-radius:var(--radius-lg);background:var(--status-critical-bg);border:2px solid var(--emergency-border);color:var(--text-primary);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);text-align:center;min-height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.triage-option:hover{background:rgba(239,68,68,.15);border-color:var(--emergency-accent)}.triage-option .option-icon{font-size:1.5rem}.triage-back-btn{margin-top:var(--space-xl);font-size:var(--text-sm);color:rgba(239,68,68,.4);cursor:pointer;background:none;border:none;padding:8px 16px;transition:color var(--duration-normal) var(--ease-out)}.triage-back-btn:hover{color:rgba(239,68,68,.7)}.pas-section{max-width:640px;width:100%}.severity-card{padding:20px 24px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px;margin-bottom:var(--space-xl);font-weight:700}.severity-card.critical{background:var(--status-critical-bg);border:1px solid var(--emergency-border);color:var(--emergency-text)}.severity-card.serious{background:var(--status-pending-bg);border:1px solid rgba(245,158,11,.2);color:var(--status-pending)}.severity-card.minor{background:var(--status-active-bg);border:1px solid rgba(34,197,94,.2);color:var(--status-active)}.severity-icon{font-size:1.8rem}.pas-card{padding:24px;border-radius:var(--radius-lg);margin-bottom:var(--space-md);border:1px solid;animation:fadeIn .2s var(--ease-out)}.pas-card.protect{background:rgba(245,158,11,.06);border-color:#3d2e06}.pas-card.alert{background:rgba(239,68,68,.06);border-color:#3d1515}.pas-card.save{background:rgba(34,197,94,.06);border-color:#153d20}.pas-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pas-card-letter{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800}.pas-card.protect .pas-card-letter{background:rgba(245,158,11,.2);color:#fbbf24}.pas-card.alert .pas-card-letter{background:rgba(239,68,68,.2);color:#f87171}.pas-card.save .pas-card-letter{background:rgba(34,197,94,.2);color:var(--status-active)}.pas-card-title{font-size:var(--text-body);font-weight:700;color:var(--text-primary)}.pas-card-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.pas-card-body ul{list-style:none;padding:0}.pas-card-body ul li{padding:4px 0 4px 20px;position:relative}.pas-card-body ul li:before{content:">";position:absolute;left:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.auto-actions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md);max-width:640px;width:100%}@media (max-width:600px){.auto-actions-grid{grid-template-columns:1fr}}.auto-action-card{padding:20px;border-radius:var(--radius-lg);background:var(--status-critical-bg);border:1px solid var(--emergency-border)}.auto-action-card .action-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(239,68,68,.5);margin-bottom:8px}.auto-action-card .action-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.auto-action-card .action-detail{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.medical-card{grid-column:1/-1;padding:20px;border-radius:var(--radius-lg);background:var(--status-info-bg);border:1px solid #15253d;gap:20px}.medical-card,.medical-map{display:flex;align-items:center}.medical-map{width:80px;height:80px;border-radius:var(--radius-md);background:rgba(59,130,246,.1);justify-content:center;font-size:2rem;flex-shrink:0}.medical-info{flex:1 1}.medical-name{font-size:var(--text-body);font-weight:700;color:var(--text-primary)}.medical-distance{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.medical-eta{font-size:var(--text-xs);color:#60a5fa;font-weight:600;margin-top:4px}.notif-list{max-width:640px;width:100%;margin-top:var(--space-lg)}.notif-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #2a1010;font-size:var(--text-sm)}.notif-item:last-child{border-bottom:none}.notif-item .notif-avatar{width:28px;height:28px;border-radius:50%;background:rgba(239,68,68,.15);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--emergency-text);flex-shrink:0}.notif-item .notif-name{color:var(--text-primary);font-weight:600}.notif-item .notif-role{color:var(--text-muted);font-size:var(--text-xs);margin-left:auto}.notif-item .notif-status{font-size:var(--text-xs);color:var(--status-active);font-weight:600}[data-theme=light] .triage-overlay{background:linear-gradient(180deg,#FEF2F2,#FEE2E2)}[data-theme=light] .triage-header{background:#FEE2E2;border-bottom-color:#FECACA}[data-theme=light] .triage-title{color:#991B1B}[data-theme=light] .triage-step-number{color:rgba(220,38,38,.5)}[data-theme=light] .triage-question{color:#09090B}[data-theme=light] .triage-option{background:rgba(220,38,38,.05);border-color:#FECACA;color:#09090B}[data-theme=light] .triage-option:hover{background:rgba(220,38,38,.1);border-color:#dc2626}[data-theme=light] .triage-back-btn{color:rgba(220,38,38,.4)}[data-theme=light] .triage-back-btn:hover{color:rgba(220,38,38,.7)}[data-theme=light] .severity-card.critical{background:rgba(220,38,38,.06);border-color:#FECACA;color:#991B1B}[data-theme=light] .severity-card.serious{background:rgba(217,119,6,.06);border-color:#FED7AA;color:#92400E}[data-theme=light] .severity-card.minor{background:rgba(22,163,74,.06);border-color:#BBF7D0;color:#166534}[data-theme=light] .pas-card.protect{background:rgba(217,119,6,.04);border-color:#FED7AA}[data-theme=light] .pas-card.alert{background:rgba(220,38,38,.04);border-color:#FECACA}[data-theme=light] .pas-card.save{background:rgba(22,163,74,.04);border-color:#BBF7D0}[data-theme=light] .auto-action-card{background:rgba(220,38,38,.04);border-color:#FECACA}[data-theme=light] .auto-action-card .action-label{color:rgba(220,38,38,.5)}[data-theme=light] .medical-card{background:rgba(37,99,235,.04);border-color:#BFDBFE}[data-theme=light] .notif-item{border-bottom-color:#FECACA}[data-theme=light] .notif-item .notif-avatar{background:rgba(220,38,38,.08);color:#991B1B}[data-theme=light] .panic-btn{box-shadow:0 0 40px rgba(220,38,38,.15)}[data-theme=light] .panic-btn:hover{box-shadow:0 0 60px rgba(220,38,38,.25)}@media (max-width:768px){.triage-header{padding:16px 20px}.triage-body{padding:var(--space-lg) var(--space-md) var(--space-xl)}.triage-question{font-size:1.3rem}.triage-options{grid-template-columns:1fr}.triage-option{min-height:56px}.panic-btn{width:140px;height:140px}}@media (max-width:480px){.triage-question{font-size:1.1rem}.pas-section{max-width:100%}.medical-card{flex-direction:column;text-align:center}.medical-map{width:60px;height:60px;font-size:1.5rem}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes emergencyPulse{0%,to{background-color:rgba(239,68,68,.15)}50%{background-color:rgba(239,68,68,.25)}}@keyframes fillProgress{0%{stroke-dashoffset:var(--circumference)}to{stroke-dashoffset:var(--progress-offset)}}@keyframes toastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes emergencyBannerIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-children>*{animation:staggerFadeIn .4s var(--ease-smooth,cubic-bezier(.22,1,.36,1)) both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(n+7){animation-delay:.36s}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 8px currentColor,0 0 16px currentColor}}.animate-page{animation:pageFadeIn .35s var(--ease-smooth,cubic-bezier(.22,1,.36,1))}.animate-slide-up{animation:slideInUp .5s var(--ease-smooth,cubic-bezier(.22,1,.36,1))}.animate-scale-in{animation:scaleIn .2s var(--ease-out,cubic-bezier(.16,1,.3,1))}.font-mono,[data-count]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}