:root{--ra-gold: #d4af37;--ra-gold-dim: rgba(212, 175, 55, .1);--ra-gold-border: rgba(212, 175, 55, .25);--ra-green: #22c55e;--ra-green-dim: rgba(34, 197, 94, .1);--ra-green-border: rgba(34, 197, 94, .2);--ra-amber: #f59e0b;--ra-amber-dim: rgba(245, 158, 11, .1);--ra-amber-border: rgba(245, 158, 11, .2);--ra-red: #ef4444;--ra-red-dim: rgba(239, 68, 68, .1);--ra-red-border: rgba(239, 68, 68, .2);--bg: #0f0f0f;--surface: #181818;--elevated: #202020;--border: #2a2a2a;--text: #f0f0eb;--muted: #888880;--faint: #555550;--sidebar-w: 240px}.light-mode{--bg: #f5f5f0;--surface: #ffffff;--elevated: #ebebeb;--border: #e0ddd6;--text: #111110;--muted: #7a7a72;--faint: #9b9890}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .2s,color .2s}button,input{font-family:inherit}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:.5px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{padding:20px 16px;border-bottom:.5px solid var(--border)}.ra-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ra-badge{width:30px;height:30px;border-radius:5px;background:#111;border:.5px solid var(--ra-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ra-badge span{color:var(--ra-gold);font-size:10px;font-weight:500;letter-spacing:.1em}.ra-name{font-size:13px;font-weight:500;color:var(--text)}.ra-sub{font-size:10px;color:var(--muted);letter-spacing:.06em}.company-chip{background:var(--elevated);border:.5px solid var(--border);border-radius:7px;padding:8px 10px}.company-name{font-size:12px;font-weight:500;color:var(--text)}.company-meta{font-size:10px;color:var(--muted);margin-top:2px}.sidebar-nav{flex:1;padding:10px 8px}.nav-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);padding:12px 8px 4px;font-weight:500}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;cursor:pointer;color:var(--muted);font-size:12px;border:none;background:none;width:100%;text-align:left;transition:all .12s}.nav-item:hover{background:var(--elevated);color:var(--text)}.nav-item.active{background:var(--ra-gold-dim);color:var(--ra-gold)}.nav-item i{font-size:16px;flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:.5px solid var(--border)}.user-row{display:flex;align-items:center;gap:10px}.user-av{width:28px;height:28px;border-radius:50%;background:var(--ra-gold-dim);border:.5px solid var(--ra-gold);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:var(--ra-gold);flex-shrink:0}.user-name{font-size:12px;font-weight:500;color:var(--text)}.logout-link{font-size:11px;color:var(--muted);cursor:pointer;background:none;border:none;padding:0;margin-top:4px}.logout-link:hover{color:var(--text);text-decoration:underline}.mode-toggle-wrap{display:flex;justify-content:center;margin-top:10px}.mode-toggle{display:flex;background:var(--elevated);border:.5px solid var(--border);border-radius:20px;padding:3px}.mode-btn{border:none;cursor:pointer;border-radius:14px;padding:4px 12px;font-size:11px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:4px;transition:all .15s}.mode-btn.active{background:var(--surface);color:var(--text);border:.5px solid var(--border)}.mode-btn i{font-size:12px}.main{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:.5px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:50}.topbar-title{font-size:16px;font-weight:500;color:var(--text)}.topbar-sub{font-size:11px;color:var(--muted);margin-top:1px}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;font-size:11px;font-weight:500;cursor:pointer;border:.5px solid var(--border);background:var(--elevated);color:var(--text);transition:all .12s}.btn:hover{background:var(--border)}.btn:disabled{opacity:.5;cursor:default}.btn.gold{background:var(--ra-gold);border-color:var(--ra-gold);color:#111}.btn.gold:hover{opacity:.9}.btn i{font-size:14px}.content{padding:24px 28px}.pill{font-size:10px;font-weight:500;padding:3px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.pill.green{background:var(--ra-green-dim);color:var(--ra-green);border:.5px solid var(--ra-green-border)}.pill.amber{background:var(--ra-amber-dim);color:var(--ra-amber);border:.5px solid var(--ra-amber-border)}.pill.red{background:var(--ra-red-dim);color:var(--ra-red);border:.5px solid var(--ra-red-border)}.pill.gold{background:var(--ra-gold-dim);color:var(--ra-gold);border:.5px solid var(--ra-gold-border)}.pill.muted{background:var(--elevated);color:var(--muted);border:.5px solid var(--border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}.stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.stat-card{background:var(--surface);border:.5px solid var(--border);border-radius:10px;padding:14px 16px}.stat-card.green-l{border-left:2px solid var(--ra-green)}.stat-card.amber-l{border-left:2px solid var(--ra-amber)}.stat-card.red-l{border-left:2px solid var(--ra-red)}.stat-card.gold-l{border-left:2px solid var(--ra-gold)}.stat-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.stat-value{font-size:28px;font-weight:500;color:var(--text);line-height:1}.stat-sub{font-size:11px;margin-top:5px;color:var(--muted)}.stat-sub.green{color:var(--ra-green)}.stat-sub.amber{color:var(--ra-amber)}.stat-sub.red{color:var(--ra-red)}.stat-sub.gold{color:var(--ra-gold)}.fleet-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.vessel-row{display:grid;grid-template-columns:28px 1fr 90px 160px 90px;align-items:center;gap:14px;background:var(--surface);border:.5px solid var(--border);border-radius:10px;padding:12px 16px;cursor:pointer;transition:background .12s;width:100%;text-align:left;font:inherit;color:inherit}.vessel-row:hover{background:var(--elevated)}.vessel-row.red-l{border-left:2px solid var(--ra-red)}.vessel-row.amber-l{border-left:2px solid var(--ra-amber)}.vessel-row.green-l{border-left:2px solid var(--ra-green)}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.red{background:var(--ra-red)}.status-indicator.amber{background:var(--ra-amber)}.status-indicator.green{background:var(--ra-green)}.vessel-name-block .vname{font-size:13px;font-weight:500;color:var(--text)}.vessel-name-block .vmeta{font-size:10px;color:var(--muted);margin-top:1px}.crew-count{font-size:12px;color:var(--muted);text-align:center}.card{background:var(--surface);border:.5px solid var(--border);border-radius:10px;padding:14px 16px}.card-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:4px}.card-sub{font-size:11px;color:var(--muted);line-height:1.5}.banner{display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px 16px;margin-bottom:16px;border:.5px solid}.banner.amber{background:var(--ra-amber-dim);border-color:var(--ra-amber-border)}.banner.red{background:var(--ra-red-dim);border-color:var(--ra-red-border)}.banner i{font-size:17px;flex-shrink:0}.banner.amber i{color:var(--ra-amber)}.banner.red i{color:var(--ra-red)}.banner-text{font-size:12px;color:var(--text);line-height:1.5}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:340px;background:var(--surface);border:.5px solid var(--border);border-radius:14px;padding:32px 28px}.login-card .ra-logo{justify-content:center;margin-bottom:24px}.login-title{font-size:15px;font-weight:500;text-align:center;margin-bottom:4px}.login-sub{font-size:11px;color:var(--muted);text-align:center;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:11px;color:var(--muted)}.field input,.field select{background:var(--elevated);border:.5px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--text);font-family:inherit}.field input:focus,.field select:focus{outline:1px solid var(--ra-gold)}.form-error{color:var(--ra-red);font-size:12px;margin-bottom:12px}.form-success{color:var(--ra-green);font-size:12px;margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-card{background:var(--surface);border:.5px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-title{font-size:15px;font-weight:500;margin-bottom:4px}.modal-sub{font-size:11px;color:var(--muted);margin-bottom:20px}.modal-actions{display:flex;gap:8px;margin-top:20px}.modal-actions .btn{flex:1;justify-content:center}.empty-state{color:var(--muted);font-size:12px;padding:20px;text-align:center}.spinner-text{color:var(--muted);font-size:12px}.trend-chart{display:flex;align-items:flex-end;gap:4px;height:100px;margin-top:6px}.trend-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.trend-bar{width:100%;max-width:22px;border-radius:3px 3px 0 0;background:var(--elevated);min-height:2px;transition:height .2s ease}.trend-bar.has-breach{background:var(--ra-red)}.trend-bar-label{font-size:8px;color:var(--muted);white-space:nowrap}.trend-summary{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:14px}.trend-summary .up{color:var(--ra-red);font-weight:600}.trend-summary .down{color:var(--ra-green);font-weight:600}.trend-summary .flat{color:var(--muted);font-weight:600}.back-btn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;margin-bottom:20px;border:none;background:none;padding:0}.back-btn:hover{color:var(--text)}.vessel-hero{background:var(--surface);border:.5px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.vessel-hero-left{display:flex;align-items:center;gap:16px}.vessel-av{width:48px;height:48px;border-radius:10px;background:var(--elevated);border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:var(--gold);flex-shrink:0}.vessel-hero-name{font-size:18px;font-weight:500;color:var(--text)}.vessel-hero-meta{font-size:12px;color:var(--muted);margin-top:3px}.vessel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.v-stat{background:var(--surface);border:.5px solid var(--border);border-radius:10px;padding:12px 14px}.v-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.v-stat-value{font-size:22px;font-weight:500;color:var(--text)}.v-stat-sub{font-size:11px;margin-top:3px;color:var(--muted)}.crew-detail-list{display:flex;flex-direction:column;gap:6px}.crew-detail-row{display:grid;grid-template-columns:32px 1fr 90px 90px 80px;align-items:center;gap:12px;background:var(--surface);border:.5px solid var(--border);border-radius:9px;padding:10px 14px}.crew-detail-row.red-l{border-left:2px solid var(--ra-red)}.crew-detail-row.amber-l{border-left:2px solid var(--ra-amber)}.crew-av{width:28px;height:28px;border-radius:50%;background:var(--elevated);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:var(--muted);flex-shrink:0}.crew-detail-name{font-size:12px;font-weight:500;color:var(--text)}.mini-bar-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:2px}.mini-bar-track{height:3px;background:var(--elevated);border-radius:2px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:2px}.mini-bar-fill.green{background:var(--ra-green)}.mini-bar-fill.amber{background:var(--ra-amber)}.mini-bar-fill.red{background:var(--ra-red)}.alert-card{background:var(--surface);border:.5px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:8px}.alert-card.red-l{border-left:2px solid var(--ra-red)}.alert-card.amber-l{border-left:2px solid var(--ra-amber)}.alert-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.alert-vessel{font-size:11px;color:var(--gold);font-weight:500;margin-bottom:2px}.alert-title{font-size:13px;font-weight:500;color:var(--text)}.alert-detail{font-size:11px;color:var(--muted);line-height:1.5}@media (max-width: 900px){.sidebar{display:none}.main{margin-left:0}.stat-row{grid-template-columns:repeat(2,1fr)}.vessel-row{grid-template-columns:28px 1fr auto}}