:root{--navy-950:#050b16;--navy-900:#0a1628;--navy-850:#0d1c33;--navy-800:#0f2140;--navy-700:#16294d;--navy-600:#213b66;--steel:#5b7ba8;--gold:#c9a227;--gold-light:#e6c568;--gold-glow:rgba(201,162,39,.18);--surface:#f8f9fb;--surface-2:#eef1f6;--text-light:#eef2f8;--text-secondary-light:#a9b6cc;--text-muted-light:#7788a3;--text-dark:#101828;--text-muted-dark:#5b667a;--border-dark:rgba(255,255,255,.09);--border-light:#e2e6ee;--green:#2e9e5b;--green-bg:rgba(46,158,91,.14);--amber:#d7a32e;--amber-bg:rgba(215,163,46,.16);--orange:#d97706;--orange-bg:rgba(217,119,6,.16);--red:#c0392b;--red-bg:rgba(192,57,43,.16);--sidebar-w:248px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--navy-950);color:var(--text-light);font-family:Inter,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:600;letter-spacing:-.01em}em{color:var(--gold-light);font-style:italic}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 auto;background:var(--navy-900);border-right:1px solid var(--border-dark);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid var(--border-dark);margin-bottom:16px}.sidebar-brand .wordmark{font-family:Playfair Display,serif;font-size:14.5px;font-weight:700;color:var(--text-light);line-height:1.25}.sidebar-brand .tagline{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-light)}.nav-section-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-light);padding:14px 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary-light);margin-bottom:2px;cursor:pointer;border:1px solid transparent}.nav-link:hover{background:#ffffff0a;color:var(--text-light)}.nav-link.active{background:var(--gold-glow);border-color:#c9a22759;color:var(--gold-light)}.division-switcher{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 14px}.division-chip{font-size:10.5px;font-weight:600;letter-spacing:.03em;padding:5px 10px;border-radius:100px;background:#ffffff0d;border:1px solid var(--border-dark);color:var(--text-muted-light);cursor:pointer}.division-chip.active{background:var(--gold);border-color:var(--gold);color:var(--navy-950)}.division-chip.no-data:after{content:" •";color:var(--text-muted-light)}.sidebar-footer{margin-top:auto;padding:14px 10px 4px;border-top:1px solid var(--border-dark)}.sidebar-user{font-size:12px;color:var(--text-secondary-light);margin-bottom:8px}.sidebar-user strong{display:block;color:var(--text-light);font-size:13px}.logout-btn{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border-dark);background:transparent;color:var(--text-muted-light);font-size:12px;cursor:pointer}.logout-btn:hover{color:var(--text-light);border-color:var(--steel)}.main{flex:1;min-width:0;background:var(--navy-950)}.page{padding:32px 40px 64px;max-width:1240px}.page-head{margin-bottom:24px}.page-head h1{font-size:26px;color:var(--text-light)}.page-head p{color:var(--text-muted-light);font-size:13.5px;margin-top:6px;max-width:720px;line-height:1.6}.hero-cover{position:relative;background:linear-gradient(135deg,var(--navy-950),var(--navy-800));border-radius:18px;padding:36px 40px;margin-bottom:8px;overflow:hidden;border:1px solid var(--border-dark)}.hero-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 20%,var(--gold-glow),transparent 55%)}.hero-cover .role-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f8ecc4,#edd48e);border-radius:100px;padding:7px 16px 7px 12px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-950);margin-bottom:16px;position:relative;z-index:1}.hero-cover .role-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--navy-900)}.hero-cover h1{font-size:clamp(24px,3vw,36px);color:var(--text-light);max-width:640px;position:relative;z-index:1}.hero-cover p{color:var(--text-secondary-light);font-size:13.5px;margin-top:10px;max-width:600px;position:relative;z-index:1;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border-dark);border:1px solid var(--border-dark);border-radius:14px;overflow:hidden;margin-bottom:28px}.stat{background:#ffffff05;padding:18px 16px}.stat-num{font-family:Playfair Display,serif;font-size:26px;color:var(--gold-light)}.stat-num.small{font-size:18px}.stat-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted-light);margin-top:6px}.stat-sub{font-size:10.5px;color:var(--text-muted-light);margin-top:3px}section.block{margin-bottom:40px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px}.section-head h2{font-size:22px;color:var(--text-light)}.section-sub{color:var(--text-muted-light);font-size:13.5px;max-width:700px;margin:6px 0 20px;line-height:1.6}.tag-scope{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--steel);border:1px solid var(--border-dark);padding:5px 11px;border-radius:100px;white-space:nowrap}.data-flag{background:#d7a32e1a;border:1px dashed var(--amber);border-radius:10px;padding:10px 14px;font-size:12px;color:var(--gold-light);margin-bottom:18px}.empty-state{background:var(--surface);border-radius:14px;padding:40px 30px;text-align:center;color:var(--text-muted-dark)}.empty-state h3{color:var(--text-dark);font-size:16px;margin-bottom:8px}.empty-state p{font-size:13px;max-width:480px;margin:0 auto}.heatmap-grid{display:grid;grid-template-columns:120px repeat(3,1fr);gap:24px}.hm-card{background:var(--surface);border-radius:16px;padding:24px;color:var(--text-dark)}.hm-canvas{display:grid;grid-template-columns:24px repeat(5,1fr);grid-template-rows:repeat(5,52px) 24px;gap:3px}.hm-axis-y{grid-row:1/6;display:flex;align-items:center;justify-content:center;font-size:9.5px;color:var(--text-muted-dark);writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase}.hm-cell{border-radius:6px;position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:3px;padding:4px}.hm-x-label{grid-column:2/7;display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted-dark);letter-spacing:.07em;text-transform:uppercase;padding-top:2px}.chip{width:23px;height:23px;border-radius:6px;background:#101828d1;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:default}.band-g{background:var(--green-bg)}.band-a{background:var(--amber-bg)}.band-o{background:var(--orange-bg)}.band-r{background:var(--red-bg)}.hm-legend{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.hm-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted-dark)}.hm-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.top-risks{background:var(--surface);border-radius:16px;padding:24px;color:var(--text-dark)}.top-risks h3{font-size:15px;margin-bottom:4px}.risk-row{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light);font-size:13px}.risk-row:last-child{border-bottom:none}.risk-id{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted-dark)}.score-pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:100px;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:var(--surface);border-radius:14px;padding:20px;color:var(--text-dark);position:relative;overflow:hidden}.kpi-card .k-type{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted-dark);margin-bottom:9px}.kpi-card h4{font-weight:700;font-size:13.5px;margin-bottom:12px;line-height:1.35;min-height:36px}.kpi-val-row{display:flex;align-items:baseline;gap:7px}.kpi-val{font-family:Playfair Display,serif;font-size:24px}.kpi-target{font-size:11px;color:var(--text-muted-dark)}.kpi-status{position:absolute;top:0;left:0;width:5px;height:100%}.kpi-freq{margin-top:12px;font-size:10.5px;color:var(--text-muted-dark);border-top:1px solid var(--border-light);padding-top:9px}.rag-pill{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 11px;border-radius:100px}.rag-green{background:var(--green-bg);color:var(--green)}.rag-amber{background:var(--amber-bg);color:var(--amber)}.rag-red{background:var(--red-bg);color:var(--red)}.division-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.div-card{background:var(--surface);border-radius:16px;padding:22px;color:var(--text-dark)}.div-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.div-name{font-family:Playfair Display,serif;font-weight:600;font-size:19px;color:var(--navy-900)}.div-note{font-size:12px;color:var(--text-muted-dark);margin-bottom:16px;line-height:1.5}.kpi-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:12.5px}.kpi-row:last-child{border-bottom:none}.kpi-row .label{color:var(--text-muted-dark)}.kpi-row .value{font-weight:700;color:var(--text-dark)}.kpi-row .value.zero{color:var(--green)}.kpi-row .value.warn{color:var(--red)}.exception-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.exc-card{background:var(--surface);border-radius:14px;border-left:4px solid var(--red);padding:18px 20px;color:var(--text-dark)}.exc-card.amber{border-left-color:var(--amber)}.exc-tag{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--red);margin-bottom:6px;display:block}.exc-card.amber .exc-tag{color:var(--amber)}.exc-card h4{font-size:15px;font-weight:700;color:var(--navy-900);margin-bottom:6px}.exc-card p{font-size:12.5px;color:var(--text-muted-dark);line-height:1.55}.exc-vessels{margin-top:12px;padding-top:11px;border-top:1px dashed var(--border-light)}.ev-row{display:flex;justify-content:space-between;font-size:12px;padding:2.5px 0;color:var(--text-muted-dark)}.ev-row .ev-val{font-weight:700;color:var(--navy-900)}.ai-note{background:#ffffff0a;border:1px dashed var(--border-dark);border-radius:12px;padding:13px 16px;font-size:12px;color:var(--text-muted-light);margin-bottom:22px;display:flex;gap:9px;align-items:flex-start}.scenario{background:var(--surface);border-radius:16px;margin-bottom:16px;overflow:hidden;border-left:5px solid var(--red)}.scenario.risk-orange{border-left-color:var(--orange)}.scenario-inner{padding:22px 26px}.scenario-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:10px}.scenario-title{font-family:Playfair Display,serif;font-size:17px;font-weight:600;color:var(--text-dark)}.scenario-meta{font-size:10.5px;color:var(--text-muted-dark);margin-top:4px;font-family:JetBrains Mono,monospace}.risk-badge{font-size:10.5px;font-weight:700;padding:5px 11px;border-radius:100px;white-space:nowrap}.scenario-body{font-size:13.5px;color:#33404f;line-height:1.65;margin-bottom:13px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;background:var(--surface-2);border-radius:10px;padding:13px 15px;margin-bottom:13px}.scenario-grid div{font-size:12px}.scenario-grid .lbl{font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted-dark);margin-bottom:3px}.scenario-action{background:#c9a22717;border:1px solid rgba(201,162,39,.35);border-radius:10px;padding:12px 15px;font-size:12.5px;display:flex;gap:9px;align-items:flex-start}.scenario-action strong{color:#8a6d10}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:14px;overflow:hidden;color:var(--text-dark)}thead th{background:var(--navy-800);color:var(--text-secondary-light);text-align:left;padding:12px 15px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:600}tbody td{padding:13px 15px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:top}tbody tr:last-child td{border-bottom:none}.ncr-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;white-space:nowrap}.days-overdue{font-family:JetBrains Mono,monospace;font-weight:600}.scroll-x{overflow-x:auto;border-radius:14px}.scroll-x table{min-width:900px}.filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-bar input,.filter-bar select{background:var(--surface);border:1px solid var(--border-light);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--text-dark)}.archive-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.archive-card,.footer-card{background:var(--surface);border-radius:16px;padding:24px;color:var(--text-dark)}.phase-track{display:flex;flex-direction:column;gap:10px;margin-top:14px}.phase-item{display:flex;align-items:center;gap:12px;font-size:13px}.phase-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.phase-item.done .phase-dot{background:var(--green)}.phase-item.active .phase-dot{background:var(--gold);box-shadow:0 0 0 4px #c9a22733}.phase-item.pending .phase-dot{background:#c9cfda}.phase-item.pending{color:var(--text-muted-dark)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,var(--navy-800),var(--navy-950))}.login-card{width:380px;background:var(--navy-900);border:1px solid var(--border-dark);border-radius:18px;padding:36px 32px;box-shadow:0 30px 60px #0006}.login-card .wordmark{font-family:Playfair Display,serif;font-size:20px;font-weight:700;color:var(--text-light);text-align:center}.login-card .tagline{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted-light);text-align:center;margin-top:4px;margin-bottom:28px}.field{margin-bottom:16px}.field label{display:block;font-size:11.5px;color:var(--text-muted-light);margin-bottom:6px;letter-spacing:.02em}.field input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-dark);background:#ffffff08;color:var(--text-light);font-size:14px}.field input:focus{outline:none;border-color:var(--gold)}.btn-primary{width:100%;padding:11px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy-950);font-weight:700;font-size:13.5px;cursor:pointer;letter-spacing:.02em}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:9px 16px;border-radius:8px;border:1px solid var(--border-dark);background:transparent;color:var(--text-light);font-size:13px;cursor:pointer}.admin-card .btn-secondary{color:var(--text-dark);border-color:var(--border-light)}.admin-card .btn-secondary:hover{background:var(--surface-2)}.admin-card .field input{background:var(--surface-2);color:var(--text-dark);border-color:var(--border-light)}.admin-card .field input:focus{border-color:var(--gold)}.admin-card .field label{color:var(--text-muted-dark)}.form-error{background:var(--red-bg);color:var(--red);border-radius:8px;padding:9px 12px;font-size:12.5px;margin-bottom:14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.admin-card{background:var(--surface);border-radius:16px;padding:24px;color:var(--text-dark)}.admin-card h3{font-size:16px;margin-bottom:14px;color:var(--navy-900)}.fetch-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.fetch-row:last-child{border-bottom:none}.fetch-status{font-size:11.5px;color:var(--text-muted-dark);margin-top:3px}.btn-fetch{padding:8px 16px;border-radius:8px;border:1px solid var(--navy-700);background:var(--navy-900);color:#fff;font-size:12.5px;cursor:pointer}.btn-fetch:hover{background:var(--navy-800)}.role-chip{font-size:10px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:100px;background:var(--surface-2);color:var(--text-muted-dark);text-transform:capitalize}.status-toggle{font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px;cursor:pointer;border:none}.status-toggle.active{background:var(--green-bg);color:var(--green)}.status-toggle.inactive{background:var(--red-bg);color:var(--red)}.table-actions{display:flex;gap:8px}.link-btn{background:none;border:none;color:var(--steel);font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b16a6;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--navy-900);border:1px solid var(--border-dark);border-radius:16px;padding:28px;width:420px}.modal h3{color:var(--text-light);font-size:16px;margin-bottom:18px}.modal .field label{color:var(--text-muted-light)}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.banner{background:linear-gradient(90deg,#3a2a08,#241a06);border:1px solid rgba(201,162,39,.35);color:var(--gold-light);font-size:12px;padding:10px 16px;border-radius:10px;margin-bottom:20px}@media (max-width:1100px){.heatmap-grid,.division-grid,.exception-grid,.archive-grid,.admin-grid{grid-template-columns:1fr}.kpi-grid,.stats{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:1fr}}