@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b1320;--panel:#111d2b;--border:#223141;--muted:#8c9fb3;--text:#e7edf5;--accent:#37d3bf;--amber:#f2b35f;--red:#ff7784}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:1px solid var(--border);border-radius:6px;background:#172534;padding:9px 13px}button:hover{background:#24384b}a{color:var(--accent)}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#0e1825;border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column}.brand{font:800 27px Manrope,sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-mark{color:var(--accent);font-size:32px}.brand-sub{margin:8px 0 38px 40px;font-size:10px;letter-spacing:2px;color:var(--muted)}.nav-label{font-size:11px;letter-spacing:1.6px;color:#657c94;padding:0 12px;margin:20px 0 12px}.nav{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;padding:13px 12px;margin-bottom:4px;text-align:left;color:#9cafc2}.nav.active{color:var(--accent);background:#153235;border-left:2px solid var(--accent);border-radius:4px}.nav-icon{width:19px;font-size:18px}.nav-count{margin-left:auto;background:#40303a;color:var(--red);padding:2px 6px;border-radius:4px;font-size:11px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:20px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#26394c;color:#b8ccdf;border-radius:50%;font-size:12px}.person{display:flex;align-items:center;gap:10px}.person small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.workspace{grid-column:2;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--border);background:#0e1825}.breadcrumb{color:var(--muted)}.breadcrumb span{color:var(--text);margin-left:12px}.top-right{display:flex;gap:20px;align-items:center}.demo-tag{color:var(--amber);border:1px solid #685038;background:#2c261e;font-size:11px;letter-spacing:1px;padding:5px 8px;border-radius:4px}.clock{color:var(--muted);font-size:12px}.main{padding:28px 30px 20px;max-width:1800px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;margin-bottom:8px}h1{font:700 27px Manrope,sans-serif;margin:0 0 7px;letter-spacing:-.7px}.subtitle{color:var(--muted);margin:0;line-height:1.6}.actions{display:flex;gap:9px}.primary{background:var(--accent);color:#082521;font-weight:700;border-color:var(--accent)}.primary:hover{background:#66e3d3}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:18px 20px;position:relative;overflow:hidden}.metric-title{color:#a3b5c7;font-size:13px;display:flex;justify-content:space-between}.metric-value{font:700 31px Manrope,sans-serif;margin:10px 0 7px}.metric-foot{font-size:12px;color:var(--muted)}.positive{color:var(--accent)}.amber{color:var(--amber)}.red{color:var(--red)}.sparkline{position:absolute;right:16px;top:50px;width:78px;height:31px;opacity:.7}.grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-head{padding:17px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-title{font:700 15px Manrope,sans-serif;margin:0}.panel-head small{color:var(--muted);font-size:12px}.text-btn{border:0;background:transparent;color:var(--accent);padding:0;font-size:12px}.map{height:352px;position:relative;background:#0b2030;overflow:hidden}.map svg{width:100%;height:100%}.map-tools{position:absolute;top:16px;left:16px;display:flex;gap:5px}.map-tools button{background:#102335e6;font-size:12px;padding:7px 10px}.map-tools .selected{border-color:var(--accent);color:var(--accent)}.map-legend{position:absolute;bottom:15px;left:17px;background:#0b1729dd;border:1px solid #314455;border-radius:5px;padding:10px 13px;font-size:11px;display:flex;gap:16px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}.dot.r{background:var(--red)}.dot.a{background:var(--amber)}.map-label{position:absolute;right:15px;bottom:15px;color:#638498;font-size:10px;letter-spacing:1px}.map-status{display:flex;justify-content:space-between;padding:11px 20px;background:#101c29;font-size:11px;color:var(--muted)}.map-vessel{cursor:pointer;transition:opacity .2s}.map-vessel:hover{opacity:.65}.alert{padding:17px 18px;border-bottom:1px solid var(--border);cursor:pointer}.alert:hover{background:#182839}.alert-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:8px}.badge{padding:3px 7px;font-size:11px;border-radius:4px;background:#193b36;color:#61d5bd;display:inline-block;white-space:nowrap}.badge.high{background:#3b2431;color:#ff8e9b}.badge.medium{background:#3c3223;color:#e8bb76}.badge.neutral{background:#25384b;color:#adbed1}.alert h3{margin:0 0 6px;font-size:13px;font-weight:600}.alert p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.alert-bottom{display:flex;justify-content:space-between;margin-top:10px;color:#6f8aa2;font-size:11px}.alert-footer{padding:12px 18px;display:flex;justify-content:center}.lower{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin-top:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-weight:500;color:#7790a6;font-size:11px;letter-spacing:.6px;background:#101b28;padding:12px 18px}td{padding:15px 18px;border-top:1px solid #1d2d3e;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#17283a}.vessel-name{font-weight:600;font-size:13px}.vessel-name small{display:block;font-weight:400;color:#71899d;margin-top:5px;font-size:10px}.row-icon{display:inline-grid;place-items:center;width:30px;height:30px;background:#1b3443;color:#62b2c6;border-radius:5px;float:left;margin-right:9px}.agency{display:flex;align-items:center;padding:13px 18px;gap:11px}.agency-logo{width:31px;height:31px;display:grid;place-items:center;border:1px solid #325046;border-radius:50%;background:#1a322d;color:#73b9a2;font-size:10px;font-weight:700}.agency-info{flex:1}.agency-name{font-size:12px;font-weight:600}.agency-role{color:#758da3;font-size:10px;margin-top:4px}.agency-count{font-size:12px;color:#b0c4d5}.agency-count small{display:block;font-size:10px;color:#657e93;margin-top:4px}.footer{display:flex;justify-content:space-between;color:#607c92;font-size:11px;margin-top:23px;padding-bottom:5px}.search{background:#0c1825;border:1px solid var(--border);color:var(--text);border-radius:5px;padding:10px 12px;width:250px}.filters{display:flex;gap:10px;margin:20px 0}.filters button.active{border-color:var(--accent);color:var(--accent)}.wide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.doc-card{padding:22px}.doc-card h3{font-size:16px}.doc-card p{color:var(--muted);line-height:1.8}.doc-card button{margin-top:15px}.progress{height:5px;background:#263749;border-radius:9px;margin:14px 0}.progress span{display:block;height:100%;background:var(--accent);border-radius:9px}.info-banner{background:#102e31;border:1px solid #245251;border-radius:6px;padding:14px 18px;margin-bottom:20px;color:#9ed8ce;line-height:1.7;font-size:13px}dialog{background:#111f2e;color:var(--text);border:1px solid #365065;border-radius:12px;max-width:590px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#030a13b0;backdrop-filter:blur(4px)}dialog h2{font:700 23px Manrope,sans-serif}dialog p{color:var(--muted);line-height:1.8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.detail-grid small{display:block;color:var(--muted);margin-bottom:7px}.close{float:right;padding:4px 9px}.timeline{border-left:1px solid #315063;padding-left:20px}.timeline p{font-size:13px}.toast{position:fixed;bottom:26px;right:26px;background:#1b3d38;border:1px solid #478d7c;color:#c8eee4;padding:16px 23px;border-radius:8px;z-index:10}#toast:empty{display:none}.mobile-brand{display:none}.source-list{padding:24px}.source-list p{color:var(--muted);line-height:1.8}.source-list a{display:block;margin:16px 0}.region-label{font-size:12px;fill:#a2b7be;letter-spacing:3px}.maptext{font:11px 'DM Sans';fill:#a2bccc}.shiplabel{font:9px 'DM Sans';fill:#6d98ac}.region-outline{stroke:#3a5a5e;stroke-width:1;fill:#172e35}.vessel-tooltip{fill:#102f3e;stroke:#2d6a74}.map .route{stroke-dasharray:5 5;stroke-width:1.3;fill:none;opacity:.65}@media(min-width:1600px){.map{height:425px}.main{padding:35px 40px}.grid,.lower{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:1150px){.shell{grid-template-columns:185px 1fr}.sidebar{width:185px;padding:24px 12px}.grid,.lower{grid-template-columns:minmax(0,1fr) 280px}.main{padding:24px 20px}.topbar{padding:0 20px}.metric{padding:16px 13px}.sparkline{width:55px}.brand{font-size:24px}.brand-sub{font-size:8px}.top-right{gap:10px}.clock{display:none}.wide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:920px){.grid,.lower{grid-template-columns:1fr}.alerts-body{display:grid;grid-template-columns:repeat(3,1fr)}.alert{border-right:1px solid var(--border)}.agency-list{display:grid;grid-template-columns:1fr 1fr}.metrics{gap:10px}.metric-title{font-size:12px}.sparkline{display:none}.heading{align-items:flex-start;gap:18px}.actions{flex-shrink:0}.metric-value{font-size:27px}}@media(max-width:650px){.shell{display:block}.sidebar{position:relative;width:100%;padding:15px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:23px}.brand-sub,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}.nav{width:auto;white-space:nowrap;font-size:12px;padding:10px;gap:6px;margin:0}.nav-icon{display:none}.nav-count{display:none}.topbar{height:54px;padding:0 16px}.top-right .avatar{display:none}.breadcrumb{font-size:12px}.main{padding:22px 15px}.heading{display:block}h1{font-size:24px}.actions{margin-top:17px}.metrics{grid-template-columns:1fr 1fr;margin-top:20px}.metric-value{font-size:27px}.metric-foot{font-size:11px}.grid,.lower{gap:15px}.alerts-body{display:block}.map{height:320px}.map-legend{gap:8px;font-size:10px;padding:8px}.map-label{display:none}.agency-list{grid-template-columns:1fr 1fr}.agency{padding:12px 10px}.agency-count{display:none}.wide-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.search{width:100%}.footer{display:block;line-height:1.9}.detail-grid{gap:15px}.panel-head{padding:16px}.map-status{font-size:10px}.heading .subtitle{font-size:13px}}

@media(max-width:650px){.topbar .breadcrumb{max-width:155px}.demo-tag{white-space:nowrap;font-size:9px}.top-right{gap:8px}.agency-role{line-height:1.5}.agency-name{line-height:1.4}.agency{align-items:flex-start}.footer span{display:block}.vessel-name small{line-height:1.6}.map svg{height:100%;min-width:600px;width:600px;transform:translateX(-85px)}.map-legend{z-index:1}.toast{left:15px;right:15px;bottom:15px;font-size:13px}.table-wrap td:first-child{min-width:250px}}
.feed-tag{color:#92d5c9;border:1px solid #31544e;background:#17352f;font-size:11px;letter-spacing:1px;padding:5px 8px;border-radius:4px;white-space:nowrap}.source-strip{display:flex;justify-content:space-between;gap:15px;margin:0 0 20px;padding:12px 16px;background:#10272d;border:1px solid #24444a;border-radius:6px;font-size:12px;color:#a1bfc8}.empty{text-align:center;padding:35px 24px;color:var(--muted);white-space:normal}.empty h3{color:#c9d7e5;font-size:16px}.empty p{line-height:1.8;margin:10px 0}.compact{padding:20px}.map{height:400px}.map-tools{z-index:2}.map-engine{font-size:11px;background:#102335e6;color:#8eafbd;padding:8px;border-radius:4px}.map-legend{z-index:2}.map svg{display:block}.map select,select{background:#122735;border:1px solid #2c485a;color:#c2d5df;border-radius:5px;padding:7px;max-width:180px;font-size:12px}#google-map{width:100%;height:100%;position:absolute;inset:0;display:none}.weather-main{display:flex;gap:20px;align-items:center;padding:26px 22px}.weather-symbol{font-size:45px;color:#6dbabd}.weather-main strong{font:700 32px Manrope,sans-serif}.weather-main small{display:block;margin-top:7px;color:var(--muted);font-size:12px}.weather-grid{padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:23px}.weather-grid small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.weather-grid strong{font-size:17px;font-weight:500}.small-note{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 22px}.forecast-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:100px;padding:15px 22px 0}.forecast-chart div{flex:1;text-align:center}.forecast-chart span{display:block;background:#258d85;border-radius:3px 3px 0 0}.forecast-chart small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.filter-count{margin-left:auto;color:var(--muted);font-size:12px;align-self:center}.regulatory-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.connection-label{font-size:12px;color:var(--muted)}.agency-link{display:inline-block;margin-top:20px}.watchlist-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.grid,.lower{align-items:start}.metric-value{font-family:Manrope,sans-serif}.panel-title{font-family:Manrope,sans-serif}button:disabled{opacity:.5;cursor:wait}.info-banner{font-size:14px}.agency-role{font-size:12px;line-height:1.5}.agency-name{font-size:13px}.row-icon{float:none;vertical-align:middle}.vessel-name{display:inline-block;vertical-align:middle}.map-status{gap:12px;line-height:1.6}.footer a{color:#8ba5b9}.doc-card a{line-height:1.8}.map .gm-style img{max-width:none}@media(max-width:650px){.source-strip{display:block;line-height:1.8}.source-strip span{display:block}.map{height:350px}.map svg{width:850px;min-width:850px;transform:translateX(-220px)}.regulatory-grid{grid-template-columns:1fr}.filter-count{margin-left:0}.map-engine{display:none}.panel-head{gap:10px}.feed-tag{font-size:9px}.weather-main{padding:22px}.weather-grid{gap:16px}.metrics{margin-top:0}.agency-list{grid-template-columns:1fr}.topbar .breadcrumb{max-width:170px}.map-tools button{font-size:11px}}