*{box-sizing:border-box}:focus-visible{outline:2px solid var(--aqua-bright);outline-offset:2px}:root{--seaos-deep-ocean:#061b2b;--seaos-ocean-layer:#082d3f;--seaos-teal:#087a79;--seaos-network-aqua:#48dccb;--seaos-sea-mist:#e8f4f3;--seaos-operational-paper:#f7fafa;--seaos-maritime-ink:#102b3a;--seaos-signal-brass:#d5a84b;--seaos-brand-chrome:var(--seaos-deep-ocean);--seaos-brand-bay:var(--seaos-ocean-layer);--seaos-brand-accent:var(--seaos-network-aqua);--seaos-brand-action:var(--seaos-teal);--seaos-brand-paper:var(--seaos-operational-paper);--seaos-brand-ink:var(--seaos-maritime-ink);--seaos-lockup-descriptor:#b9d2d6;--seaos-ui-font:var(--sans);--seaos-brand-bay-height:80px;--seaos-lockup-height:50px;--seaos-mark-size:40px;--display:"Fraunces", "Iowan Old Style", Georgia, serif;--sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--bg-dark:#070d16;--bg-darker:#04080f;--bg-card:#0b1826;--bg-elevated:#0f2130;--text-primary:#dbe7f2;--text-secondary:#dbe7f2a8;--text-muted:#dbe7f266;--text-main:#eef5fb;--text-sub:#dbe7f2a8;--aqua:#2dd4bf;--aqua-bright:#5eead4;--aqua-deep:#0f766e;--accent-green:#2dd4bf;--accent-green-dark:#14b8a6;--aqua-glow:#2dd4bf47;--brass:#d8b678;--brass-soft:#d8b67829;--ok:#34d399;--warn:#fbbf24;--danger:#fb7185;--card-bg:#0d1b29b8;--border-color:#5eead429;--border-light:#94b0c71a;--table-head:#040a128c;--input-bg:#040c1499;--input-border:#5eead42e;--input-text:#eef5fb;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 12px 32px #00000073;--shadow-glow:0 0 0 1px #5eead41a, 0 18px 50px -20px #14b8a659;--radius:14px;--ease:cubic-bezier(.22, 1, .36, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-eyebrow:12px;--text-caption:12px;--text-body-sm:13px;--text-body:14px;--radius-control:9px;--radius-panel:12px;--surface-level-1:#0d1b29b8;--surface-level-2:#0f2130;--surface-information:#3b82f612;--border-subtle:#94b0c724;--border-interactive:#5eead461;--color-information:#60a5fa;--shadow-level-2:0 18px 46px #0000006b;--motion-fast:.16s;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.6}html,body{width:100%;height:100%;margin:0;padding:0}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:radial-gradient(1100px 640px at 78% -8%, #14b8a61a, transparent 60%), radial-gradient(900px 620px at 8% 108%, #3882f614, transparent 55%), linear-gradient(160deg, var(--bg-dark) 0%, var(--bg-darker) 100%);background-attachment:fixed}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#5eead409 1px,#0000 1px),linear-gradient(90deg,#5eead409 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 0%,#0000 78%);mask-image:radial-gradient(circle at 50% 35%,#000 0%,#0000 78%)}#root{z-index:1;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin:0}h1,h2{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.01em;font-weight:400}h3,h4,h5,h6{font-family:var(--sans);letter-spacing:-.01em;font-weight:650}h1{font-size:30px;line-height:1.12}h2{font-size:23px;line-height:1.2}h3{font-size:17px;line-height:1.35}p{color:var(--text-sub);margin:0}a{color:var(--aqua);transition:color .18s var(--ease);text-decoration:none}a:hover{color:var(--aqua-bright);text-decoration:none}::selection{color:#fff;background:#5eead447}button{font-family:var(--sans);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:var(--sans);background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);transition:border-color .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);border-radius:9px;padding:10px 13px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--aqua);background-color:#040c14d9;outline:none;box-shadow:0 0 0 3px #2dd4bf24}*{scrollbar-width:thin;scrollbar-color:#5eead447 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#5eead438 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#5eead466 padding-box content-box}.modal-backdrop{-webkit-backdrop-filter:blur(10px)saturate(1.1);z-index:1000;animation:modalFade .25s var(--ease);background:#040910b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(180deg, var(--bg-elevated), var(--bg-card));border:1px solid var(--border-color);width:90%;max-width:600px;box-shadow:var(--shadow-md), var(--shadow-glow);color:var(--text-main);animation:modalRise .35s var(--ease);border-radius:18px;flex-direction:column;gap:20px;padding:30px;display:flex}@keyframes modalRise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.modal-head h2{color:var(--aqua-bright);margin:0;font-size:20px}.close-btn{color:var(--text-muted);cursor:pointer;transition:color .18s var(--ease);background:0 0;border:none;font-size:28px;line-height:1}.close-btn:hover{color:var(--danger)}.modal-form{flex-direction:column;gap:20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.modal-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.modal-form input,.modal-form select,.modal-form textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:9px;padding:10px 13px;font-size:14px}.modal-form input:disabled,.modal-form select:disabled,.modal-form textarea:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:default;opacity:.85}.modal-foot{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;padding-top:18px;display:flex}.form-error{color:#fecdd3;background:#fb718514;border:1px solid #fb718552;border-radius:9px;padding:11px 13px;font-size:13px}.multiselect-field{flex-direction:column;gap:6px;display:flex;position:relative}.multiselect-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.multiselect-control{background:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;min-height:42px;transition:border-color .15s var(--ease);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.multiselect-control:hover{border-color:#5eead466}.multiselect-control.open{border-color:var(--aqua);box-shadow:0 0 0 3px #2dd4bf1f}.multiselect-control.disabled{cursor:default;opacity:.7;background:var(--bg-elevated)}.multiselect-control.disabled:hover{border-color:var(--input-border)}.multiselect-field.disabled .multiselect-chip{padding-right:10px}.multiselect-placeholder{color:var(--text-muted);font-size:13px}.multiselect-chevron{color:var(--text-muted);flex-shrink:0;font-size:9px}.multiselect-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.multiselect-chip{color:#2dd4bf;background:#2dd4bf1f;border:1px solid #2dd4bf4d;border-radius:999px;align-items:center;gap:5px;padding:3px 6px 3px 10px;font-size:12px;font-weight:600;display:inline-flex}.multiselect-chip-remove{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.multiselect-chip-remove:hover{opacity:1}.multiselect-dropdown{z-index:40;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 16px 36px -12px #00000073}.multiselect-search{border:none;border-bottom:1px solid var(--border-light);width:100%;color:var(--input-text);background:0 0;border-radius:0;padding:10px 12px;font-size:13px}.multiselect-search:focus{outline:none}.multiselect-options{padding:6px;overflow-y:auto}.multiselect-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 8px 3px;font-size:11px;font-weight:700}.multiselect-option{color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:7px 8px;font-size:13px;font-weight:400;display:flex}.multiselect-option:hover{background:#5eead414}.multiselect-option.selected{background:#2dd4bf1a;font-weight:600}.multiselect-check{border:1.5px solid var(--input-border);color:#04231f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:inline-flex}.multiselect-check.checked{background:var(--aqua-bright);border-color:var(--aqua-bright)}.btn-primary{background:linear-gradient(180deg, var(--aqua-bright), var(--aqua));color:#04231f;letter-spacing:.01em;transition:transform .16s var(--ease), box-shadow .16s var(--ease), filter .16s var(--ease);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;box-shadow:0 8px 22px -10px #2dd4bfb3}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 28px -10px #2dd4bfcc}.btn-secondary{color:var(--aqua-bright);border:1px solid var(--border-color);transition:background .16s var(--ease), border-color .16s var(--ease);background:#5eead40f;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.btn-secondary:hover:not(:disabled){background:#5eead41f;border-color:#5eead466}body.theme-light{--bg-dark:#f1f5f9;--bg-darker:#e2e8f0;--bg-card:#fff;--bg-elevated:#f8fafc;--card-bg:#fffffff2;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-main:#0f172a;--text-sub:#334155;--aqua:#0f766e;--aqua-bright:#0d9488;--aqua-deep:#115e59;--accent-green:#0f766e;--accent-green-dark:#0d9488;--border-color:#0f766e2e;--border-light:#0f172a14;--table-head:#f1f5f9;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--surface-level-1:#fffffff5;--surface-level-2:#fff;--surface-information:#2563eb0b;--border-subtle:#0f172a1a;--border-interactive:#0f766e61;--color-information:#2563eb;--shadow-level-2:0 18px 46px #0f172a29;color:#0f172a;background:radial-gradient(1100px 640px at 78% -8%,#0f766e14,#0000 60%),radial-gradient(900px 620px at 8% 108%,#3882f60d,#0000 55%),linear-gradient(160deg,#f8fafc 0%,#f1f5f9 100%)}body.theme-light:before{background-image:linear-gradient(#0f766e09 1px,#0000 1px),linear-gradient(90deg,#0f766e09 1px,#0000 1px)}.theme-light .content{--bg-dark:#f1f5f9;--bg-darker:#e2e8f0;--bg-card:#fff;--bg-elevated:#f8fafc;--card-bg:#fffffff2;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-main:#0f172a;--text-sub:#334155;--aqua:#0f766e;--aqua-bright:#0d9488;--aqua-deep:#115e59;--accent-green:#0f766e;--accent-green-dark:#0d9488;--border-color:#0f766e2e;--border-light:#0f172a14;--table-head:#f1f5f9;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--surface-level-1:#fff;--surface-level-2:#f8fafc;--surface-information:#eff6ff;--border-subtle:#e2e8f0;--border-interactive:#0d9488;color:var(--text-main)}.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4{color:var(--text-main)!important}.theme-light .btn-primary{background:var(--aqua)!important;color:#fff!important;box-shadow:0 8px 22px -10px #0f766e66!important}.theme-light .btn-primary:hover{background:var(--aqua-bright)!important;box-shadow:0 12px 28px -10px #0f766e80!important}.theme-light .tag-ok,.theme-light .tag-live{color:var(--aqua)!important;background:#0f766e1a!important;border-color:#0f766e40!important}.theme-light .score{color:var(--aqua)!important}.theme-light .count{color:var(--aqua)!important;background:#0f766e1a!important}.theme-light .card-link{color:var(--aqua)!important}.theme-light .vessel-card:hover{border-color:var(--aqua)!important}.theme-light .vessel-card-footer,.theme-light .modal-head h2{color:var(--aqua)!important}.theme-light .hint code{color:var(--aqua)!important;background:#0f766e0d!important}.theme-light .assign-select:focus{border-color:var(--aqua)!important}.theme-light .score-fill,.theme-light .meter-fill{background:linear-gradient(90deg, var(--aqua), var(--aqua-bright))!important}.theme-light .vessel-card,.theme-light .card,.theme-light .detail-table,.theme-light .install-log-item,.theme-light .article-item,.theme-light .kpi-card,.theme-light .vessel-summary-card,.theme-light .mcd-context,.theme-light .page-helper,.theme-light .shore-inbox-grid,.theme-light .shore-inbox-detail,.theme-light .shore-inbox-filters,.theme-light .certificates-table-container{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}.theme-light .page-helper__toggle,.theme-light .shore-inbox-filters button{color:#334155!important;background:#f8fafc!important;border-color:#cbd5e1!important}.theme-light .page-helper__toggle:hover,.theme-light .shore-inbox-filters button:hover{color:#0f172a!important;background:#f1f5f9!important}.theme-light .mcd-context strong,.theme-light .kpi-info h3,.theme-light .kpi-info p,.theme-light .panel-title,.theme-light .rate-number,.theme-light .certificates-page h1,.theme-light .certificates-page h2,.theme-light .certificates-page h3{color:#0f172a!important}.theme-light .vessel-card-details,.theme-light .detail-table td,.theme-light .row-sub{color:var(--text-sub)!important;border-color:var(--border-light)!important}.theme-light .vessel-card-details span{color:var(--text-muted)!important}._lockup_1i2dz_1{min-width:0;color:inherit;align-items:center;line-height:1;display:inline-flex}._identity_1i2dz_9{width:auto;max-width:100%;height:var(--seaos-lockup-height,50px);object-fit:contain;object-position:left center;flex:0 auto;display:block}._descriptor_1i2dz_19{margin-left:var(--space-3,12px);padding-left:var(--space-3,12px);color:var(--seaos-lockup-descriptor,#b9d2d6);font-family:var(--seaos-ui-font,"Hanken Grotesk", system-ui, sans-serif);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-left:1px solid #48dccb8a;flex:none;font-size:12px;font-weight:650;line-height:1.25}._compact_1i2dz_34{width:var(--seaos-mark-size,40px);height:var(--seaos-mark-size,40px);justify-content:center}._compact_1i2dz_34 ._identity_1i2dz_9{object-position:center;width:100%;height:100%}._stacked_1i2dz_46{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px}._stacked_1i2dz_46 ._descriptor_1i2dz_19{letter-spacing:.12em;border-left:0;margin-left:0;padding-left:0;font-size:11px}@media (width<=520px){._lockup_1i2dz_1:not(._stacked_1i2dz_46) ._descriptor_1i2dz_19{display:none}}.shell{color:#e2e8f0;background:linear-gradient(160deg,#030a12 0%,#02070e 100%);grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--seaos-deep-ocean), #06111d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid #48dccb29;flex-direction:column;gap:14px;height:100vh;padding:0 12px 18px;display:flex;position:sticky;top:0;overflow:hidden}.brand{flex:0 0 var(--seaos-brand-bay-height);min-height:var(--seaos-brand-bay-height);background:linear-gradient(180deg, var(--seaos-brand-bay) 0%, #061b2bb8 100%);border-bottom:1px solid #48dccb1f;justify-content:space-between;align-items:center;margin:0 -12px 4px;padding:12px 16px;display:flex;position:relative}.shore-brand-lockup{--seaos-lockup-height:46px;width:178px}.nav{flex-direction:column;flex:1;gap:15px;min-height:0;padding-top:4px;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:3px;display:flex}.nav-group-label{color:#dbe7f266;letter-spacing:.16em;text-transform:uppercase;padding:0 13px 5px;font-size:12px;font-weight:700}.nav-item{color:#dbe7f2a8;text-align:left;cursor:pointer;box-sizing:border-box;width:100%;min-height:40px;transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;padding:9px 11px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}a.nav-item:hover{text-decoration:none}.nav-item:hover:not(:disabled){color:#eaf6f4;background:#5eead412}.nav-item.is-active{color:#2dd4bf;background:linear-gradient(90deg,#2dd4bf29,#2dd4bf08);font-weight:600}.nav-item.is-active:before{content:"";background:#2dd4bf;border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px #2dd4bf}.nav-item:disabled{opacity:.42;cursor:default}.nav-icon{text-align:center;opacity:.9;place-items:center;width:20px;font-size:15px;display:grid}.nav-label{flex:1}.nav-soon{letter-spacing:.08em;text-transform:uppercase;color:#dbe7f26b;background:#94b0c71f;border-radius:999px;padding:2px 7px;font-size:12px}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.sys-alert{background:#2dd4bf0a;border:1px solid #5eead429;border-radius:10px;margin-bottom:4px;padding:10px 12px}.sys-alert-title{letter-spacing:.1em;color:#dbe7f27a;text-transform:uppercase;font-size:12px}.sys-alert-body{color:#2dd4bf;font-size:12px;font-family:var(--mono);margin-top:3px}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:40;min-height:var(--seaos-brand-bay-height);background:linear-gradient(180deg, #073047, var(--seaos-deep-ocean));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #48dccb29;align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}.global-search{color:#dbe7f273;background:#040c1499;border:1px solid #5eead426;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:260px;max-width:440px;min-height:40px;padding:0 11px;display:flex;position:relative}.global-search input{width:100%;min-width:0;box-shadow:none;color:#eef5fb;background:0 0;border:0;outline:0;padding:8px 0;font-size:13px}.global-search:focus-within{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf1a}.global-search-results{z-index:90;color:#eef5fb;background:#071521;border:1px solid #5eead438;border-radius:12px;max-height:min(440px,70vh);padding:7px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 60px #00000075}.global-search-results>p{color:#dbe7f2a6;padding:12px;font-size:13px}.global-search-results .search-error{color:#fda4af}.global-search-results button{color:#eef5fb;text-align:left;background:0 0;border:0;border-radius:8px;gap:2px;width:100%;padding:10px 11px;display:grid}.global-search-results button:hover{background:#5eead414}.global-search-results strong{font-size:13px}.global-search-results small{color:#dbe7f294;font-size:12px}.search-result-kind{color:var(--aqua-bright);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.topbar-title{font-family:var(--display);color:#eef5fb;letter-spacing:.01em;font-size:20px;font-weight:500}.topbar-sub{letter-spacing:.12em;text-transform:uppercase;color:#2dd4bf;margin-top:2px;font-size:12px;font-weight:600}.vessel-select{--input-bg:#040c14c7;--input-text:#eef5fb;--input-border:#5eead438;border-left:1px solid #5eead41f;flex-direction:column;gap:3.5px;padding-left:24px;display:flex}.vessel-select-label{letter-spacing:.1em;color:#dbe7f27a;text-transform:uppercase;font-size:12px}.vessel-select select{appearance:none;cursor:pointer;min-width:180px;transition:border-color .18s var(--ease);border-radius:9px;padding:7px 34px 7px 12px;font-size:13.5px;font-weight:600;background-color:var(--input-bg)!important;color:var(--input-text)!important;border:1px solid var(--input-border)!important;box-shadow:none!important;background-image:linear-gradient(45deg,#0000 50%,#5eead4 50%),linear-gradient(135deg,#5eead4 50%,#0000 50%)!important;background-position:calc(100% - 16px),calc(100% - 11px)!important;background-repeat:no-repeat!important;background-size:5px 5px,5px 5px!important}.vessel-select select:focus{outline:none;border-color:#2dd4bf!important}.vessel-select select option{color:#eef5fb;background:#071827}.topbar-right{align-items:center;gap:16px;margin-left:auto;display:flex}.utc{text-align:right}.utc-time{font-family:var(--mono);color:#2dd4bf;letter-spacing:.02em;font-size:15px;font-weight:700}.utc-sub{color:#dbe7f27a;letter-spacing:.1em;text-transform:uppercase;font-size:12px;display:block}.pulse{color:#2dd4bf;cursor:pointer;transition:border-color .16s var(--ease), background .16s var(--ease);background:#0d1b29a8;border:1px solid #5eead426;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.pulse>span:last-child{text-align:left;line-height:1.15;display:grid}.pulse strong{font-size:12px}.pulse small{color:#dbe7f285;margin-top:2px;font-size:12px;font-weight:500}.pulse:hover{background:#0d1b29cc;border-color:#2dd4bf}.pulse-dot{background:#2dd4bf;border-radius:50%;width:8px;height:8px;animation:2s infinite pulsering;box-shadow:0 0 #2dd4bf99}@keyframes pulsering{0%{box-shadow:0 0 #2dd4bf80}70%{box-shadow:0 0 0 8px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}.user-box{border-left:1px solid #5eead41f;align-items:center;gap:10px;padding-left:16px;display:flex}.user-meta{text-align:right;flex-direction:column;display:flex}.user-email{color:#eef5fb;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.user-role{letter-spacing:.1em;color:#e2b25b;text-transform:uppercase;font-size:12px;font-weight:600}.logout-btn{color:#dbe7f2a8;cursor:pointer;transition:background .16s var(--ease);background:0 0;border:1px solid #5eead41f;border-radius:9px;padding:7px 12px;font-size:12px}.logout-btn:hover{color:#f87171;background:#fb71851f;border-color:#f87171}.theme-toggle-btn{cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease);background:0 0;border:1px solid #5eead426;border-radius:9px;justify-content:center;align-items:center;padding:8px 12px;font-size:15px;display:flex}.theme-toggle-btn:hover{background:#5eead414;border-color:#2dd4bf}.content{--pane-bg:transparent;--card-bg:#0d1b29a8;--bg-card:#0d1b29a8;--text-main:#eef5fb;--text-sub:#dbe7f2a8;--text-muted:#dbe7f26b;--border-color:#5eead426;--border-light:#94b0c71a;--table-head:#040a1280;--input-bg:#040c1499;--input-border:#5eead42e;--input-text:#eef5fb;background:var(--pane-bg);color:var(--text-main);min-height:calc(100vh - var(--seaos-brand-bay-height));transition:background .2s var(--ease), color .2s var(--ease);padding:20px}.theme-light .content{--pane-bg:linear-gradient(160deg, #f8fafc 0%, #f1f5f9 100%);--card-bg:#fffffff2;--bg-card:#fffffff2;--text-main:#0c2233;--text-sub:#47617a;--text-muted:#6d869d;--border-color:#0f766e2e;--border-light:#0f172a14;--table-head:#0f766e0d;--input-bg:#fff;--input-border:#0f766e40;--input-text:#0c2233}.navigation-toggle,.navigation-close,.navigation-scrim{display:none}@media (width<=1180px){.topbar{gap:12px}.global-search{min-width:0}.utc,.user-meta,.pulse small{display:none}.user-box{padding-left:0}.pulse{padding-inline:11px}.vessel-select{padding-left:12px}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{z-index:70;width:min(300px,88vw);height:100vh;transition:transform .22s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:24px 0 70px #0000006b}.navigation-open .sidebar{transform:translate(0)}.navigation-scrim{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02070ea3;border:0;position:fixed;inset:0}.navigation-open .navigation-scrim{display:block}.navigation-toggle{color:#eef5fb;background:#0d1b29ad;border:1px solid #5eead42e;border-radius:9px;flex:none;place-items:center;width:40px;height:40px;padding:0;font-size:18px;display:grid}.navigation-close{color:#dbe7f2cc;cursor:pointer;background:#061b2bcc;border:1px solid #5eead42e;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;font-size:18px;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.topbar{flex-wrap:wrap;gap:10px 12px;padding:10px 16px}.vessel-select{border-left:0;padding-left:0}.vessel-select select{min-width:160px}.topbar-right{gap:8px;margin-left:auto}.global-search{flex-basis:100%;order:3;max-width:none}.pulse,.user-meta{display:none}.user-box{border-left:0;padding-left:0}.logout-btn{min-height:40px}.content{min-height:calc(100vh - 130px);padding:18px}}@media (width<=560px){.vessel-select{flex:1}.vessel-select select{width:100%;min-width:0}.theme-toggle-btn{min-width:40px;min-height:40px;padding:7px}.logout-btn{padding:7px 10px}.content{padding:12px}}.nav-item:focus-visible,.navigation-toggle:focus-visible,.navigation-close:focus-visible,.global-search:focus-within,.vessel-select select:focus-visible,.theme-toggle-btn:focus-visible,.pulse:focus-visible,.logout-btn:focus-visible{outline:2px solid var(--aqua-bright);outline-offset:2px}.global-search-results button:focus-visible{outline:2px solid var(--aqua);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.shell *,.shell :before,.shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.search-result-kind{font-size:12px}.login-screen{background:radial-gradient(900px 760px at 20% 40%, #48dccb1a, transparent 62%), radial-gradient(1000px 700px at 88% 110%, #087a792e, transparent 58%), linear-gradient(145deg, var(--seaos-deep-ocean) 0%, #020b13 72%, #02070d 100%);justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0;overflow:hidden auto}.login-atmos{z-index:0;pointer-events:none;position:absolute;inset:0}.sonar{opacity:.9;width:720px;height:720px;position:absolute;top:50%;left:24%;transform:translate(-50%,-54%)}.sonar .ring{border:1px solid #5eead41a;border-radius:50%;margin:auto;position:absolute;inset:0}.sonar .r1{width:240px;height:240px}.sonar .r2{border-color:#5eead412;width:460px;height:460px}.sonar .r3{border-color:#5eead40b;width:700px;height:700px}.sonar .sweep{background:conic-gradient(#0000 0deg 300deg,#2dd4bf29 350deg,#5eead459 360deg);border-radius:50%;width:700px;height:700px;margin:auto;animation:7s linear infinite sweep;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0,#000 1px)}@keyframes sweep{to{transform:rotate(360deg)}}.particles{position:absolute;inset:0}.particles span{opacity:0;background:radial-gradient(circle,#94fae9f2,#2dd4bf40 60%,#0000 70%);border-radius:50%;animation-name:rise;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;bottom:-10px;box-shadow:0 0 8px #5eead4b3}@keyframes rise{0%{opacity:0;transform:translate(0)}12%{opacity:.9}85%{opacity:.55}to{transform:translate(var(--drift), -102vh);opacity:0}}.horizon{width:100%;height:26vh;min-height:180px;position:absolute;bottom:0;left:0;right:0}.horizon .wave{transform-origin:50%}.w1{fill:#14b8a61a;animation:13s ease-in-out infinite alternate drift}.w2{fill:#0f766e24;animation:17s ease-in-out infinite alternate-reverse drift}.w3{fill:#06141eb3;animation:21s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}.login-stage{z-index:1;grid-template-columns:minmax(0,1fr) 430px;grid-template-areas:"brand form""status status";align-items:center;gap:32px 86px;width:min(1120px,100%);display:grid;position:relative}.login-brand{text-align:left;grid-area:brand;padding:12px 0}.login-brand-lockup{--seaos-lockup-height:112px;filter:drop-shadow(0 18px 38px #00d0dc1f);width:min(100%,520px)}.brand-rule{background:linear-gradient(90deg, var(--seaos-network-aqua), transparent);width:92px;height:2px;margin:28px 0 18px}.brand-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--seaos-network-aqua);font-size:12px;font-weight:700}.login-heading{color:#f4f9fb;max-width:620px;font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:18px 0 16px;font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.02}.login-intro{color:#dbe7f2ad;max-width:570px;font-size:16px;line-height:1.7}.login-card{-webkit-backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(#0b2d3fe0,#061b2bd1);border:1px solid #48dccb33;border-radius:20px;flex-direction:column;grid-area:form;gap:16px;width:100%;padding:34px 32px 28px;display:flex;box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff0d,0 0 60px -30px #2dd4bf80}.login-screen .card-eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--brass);margin-bottom:4px;font-size:12px;font-weight:700}.card-heading{margin-bottom:4px}.card-heading h2{color:#f4f9fb;font-family:var(--sans);letter-spacing:-.025em;font-size:25px;font-weight:650}.card-heading p{color:#dbe7f29e;margin-top:6px;font-size:13px}.login-field{flex-direction:column;gap:7px;display:flex}.login-field span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.login-field input{color:#eef5fb;background:#030a11b3;border:1px solid #5eead429;border-radius:11px;padding:13px 15px;font-size:15px}.login-field input:focus{border-color:var(--aqua);background:#030a11f2;box-shadow:0 0 0 3px #2dd4bf29}.login-error{color:#fecdd3;background:#fb71851a;border:1px solid #fb718557;border-radius:10px;padding:11px 13px;font-size:13px}.login-btn{letter-spacing:.02em;color:#04231f;background:linear-gradient(180deg, var(--aqua-bright), var(--aqua));transition:transform .16s var(--ease), filter .16s var(--ease), box-shadow .16s var(--ease);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 14px 30px -12px #2dd4bfbf}.login-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 18px 38px -12px #2dd4bfe6}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn .btn-arrow{transition:transform .2s var(--ease)}.login-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.login-hint{text-align:center;color:var(--text-muted);margin-top:2px;font-size:12px}.login-status{font-family:var(--mono);letter-spacing:.12em;color:var(--text-secondary);grid-area:status;justify-self:center;align-items:center;gap:9px;font-size:12px;display:flex}.login-screen .status-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 10px var(--ok);border-radius:50%;animation:2.4s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.status-sep{opacity:.4}.status-clock{color:var(--aqua-bright)}.reveal{opacity:0;animation:reveal .9s var(--ease) forwards}@keyframes reveal{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.sweep,.particles span,.wave,.status-dot,.reveal{animation:none!important}.reveal{opacity:1}}@media (width<=900px){.login-screen{align-items:flex-start;padding:32px 22px}.login-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""form""status";gap:28px;width:100%;min-width:0;max-width:520px}.login-brand,.login-card{width:100%;min-width:0}.login-brand{text-align:center}.login-brand-lockup{--seaos-lockup-height:88px;width:100%;max-width:100%;margin-inline:auto}.brand-rule{background:linear-gradient(90deg,transparent,var(--seaos-network-aqua),transparent);margin:22px auto 16px}.login-heading,.login-intro{overflow-wrap:anywhere;width:100%;max-width:100%;margin-inline:auto}.login-heading{font-size:clamp(34px,8vw,48px)}.login-field input{width:100%;min-width:0}.sonar{top:30%;left:50%}}@media (width<=480px){.login-screen{padding:24px 16px}.sonar{width:480px;height:480px}.login-brand-lockup{--seaos-lockup-height:70px}.login-card{padding:26px 22px 22px}.login-status{flex-wrap:wrap;justify-content:center;font-size:11px}}.seaos-system-state{background:linear-gradient(145deg, var(--seaos-deep-ocean), #020b13 78%);color:#f4f9fb;place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.seaos-system-state__atmosphere{background:radial-gradient(circle at 34% 38%,#48dccb21,#0000 26%),repeating-radial-gradient(circle at 34% 38%,#0000 0 110px,#48dccb09 111px 112px);position:absolute;inset:-30%}.seaos-system-state__panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#082d3fc7;border:1px solid #48dccb2e;border-radius:20px;width:min(520px,100%);padding:42px;position:relative;box-shadow:0 32px 90px #0000006b}.seaos-system-state__brand{--seaos-lockup-height:66px;width:310px;max-width:100%}.seaos-system-state__eyebrow{color:var(--seaos-network-aqua);letter-spacing:.18em;text-transform:uppercase;margin-top:28px;font-size:12px;font-weight:750;display:block}.seaos-system-state h1{color:#f4f9fb;font-family:var(--display);letter-spacing:-.025em;margin-top:12px;font-size:clamp(30px,5vw,44px);font-weight:400;line-height:1.08}.seaos-system-state p{color:#dbe7f2ad;margin-top:14px;font-size:14px;line-height:1.7}.seaos-system-state__progress{background:#48dccb1a;border-radius:999px;width:100%;height:3px;margin-top:28px;display:block;overflow:hidden}.seaos-system-state__progress i{border-radius:inherit;background:linear-gradient(90deg,transparent,var(--seaos-network-aqua),transparent);width:42%;height:100%;animation:1.4s ease-in-out infinite seaos-progress;display:block}.seaos-system-state button{background:var(--seaos-teal);color:#fff;border:1px solid #48dccb52;border-radius:9px;min-height:42px;margin-top:26px;padding:10px 18px;font-weight:700}.seaos-system-state button:hover{background:#0a8b89}@keyframes seaos-progress{0%{transform:translate(-110%)}to{transform:translate(240%)}}@media (prefers-reduced-motion:reduce){.seaos-system-state__progress i{width:100%;animation:none}}@media (width<=560px){.seaos-system-state{padding:18px}.seaos-system-state__panel{padding:28px 24px}.seaos-system-state__brand{--seaos-lockup-height:54px}}.content .mcd .card,.content .inst .card,.content .kb-container .card,.content .ota-container .card,.content .crew-card,.content .table-card,.content .integrity-card,.content .detail-state,.content .detail-table,.content .package-table-wrap,.content .right-panel,.content .docs-page .kpi-card,.content .inst .kpi-card,.content .inst-kpi,.content .checklist-item-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);background:linear-gradient(#1022329e,#0914208f);border-radius:16px;box-shadow:0 12px 34px -22px #000000b8,inset 0 1px #ffffff0a}.content .docs-page .kpi-card:hover,.content .inst .kpi-card:hover,.content .inst-kpi:hover,.content .crew-card:hover,.content .checklist-item-card:hover{border-color:#5eead45c;transform:translateY(-3px);box-shadow:0 20px 44px -22px #000000d1,0 0 36px -20px #2dd4bf80}.content .docs-page .kpi-card,.content .inst .kpi-card,.content .inst-kpi{position:relative;overflow:hidden}.content .docs-page .kpi-card:after,.content .inst .kpi-card:after,.content .inst-kpi:after{content:"";background:linear-gradient(90deg, transparent, var(--aqua), transparent);opacity:0;height:2px;transition:opacity .22s var(--ease);position:absolute;inset:0 0 auto}.content .docs-page .kpi-card:hover:after,.content .inst .kpi-card:hover:after,.content .inst-kpi:hover:after{opacity:1}.content .docs-page .kpi-value,.content .kpi-val,.content .inst-kpi .kpi-value,.content .big-count{font-family:var(--mono);letter-spacing:-.02em;font-weight:700}.content .docs-page .kpi-label,.content .inst .kpi-label,.content .kpi-sub{text-transform:uppercase;letter-spacing:.14em}.content .detail-table,.content .package-table{border-collapse:separate;border-spacing:0;overflow:hidden}.content .detail-table thead th,.content .package-table thead th{background:var(--table-head);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding:13px 16px;font-size:12px}.content .detail-table tbody td,.content .package-table tbody td{border-top:1px solid var(--border-light);padding:13px 16px}.content .detail-table tbody tr,.content .package-table tbody tr{transition:background .15s var(--ease)}.content .detail-table tbody tr:hover,.content .package-table tbody tr:hover{background:#5eead40f}.content .mcd .card-head h2,.content .inst .card-head h2{letter-spacing:-.01em}.theme-light .mcd .card,.theme-light .inst .card,.theme-light .kb-container .card,.theme-light .ota-container .card,.theme-light .crew-card,.theme-light .table-card,.theme-light .integrity-card,.theme-light .detail-state,.theme-light .detail-table,.theme-light .package-table-wrap,.theme-light .right-panel,.theme-light .docs-page .kpi-card,.theme-light .inst .kpi-card,.theme-light .checklist-item-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#fff,#f4f9fb);border:1px solid #0f766e24;box-shadow:0 14px 34px -22px #0f2a3c47,inset 0 1px #ffffffe6}.theme-light .docs-page .kpi-card:hover,.theme-light .inst .kpi-card:hover,.theme-light .crew-card:hover,.theme-light .checklist-item-card:hover{border-color:#0d948852;box-shadow:0 22px 46px -22px #0f2a3c52,0 0 30px -20px #0d948866}.theme-light .detail-table tbody tr:hover,.theme-light .package-table tbody tr:hover{background:#0d94880d}
