:root{--ink: #e9edf2;--muted: #95a3b1;--faint: #5e6c78;--bg: #050b11;--bg-2: #09131d;--surface: rgba(12, 24, 34, .9);--surface-2: rgba(18, 31, 43, .82);--line: rgba(177, 199, 214, .15);--line-strong: rgba(193, 215, 227, .28);--gold: #c8aa6a;--gold-2: #e2c88c;--aether: #74d5e8;--aether-soft: rgba(116, 213, 232, .15);--ok: #75d1a0;--warn: #e6c16a;--danger: #e28b85;--radius: 8px;--shadow: 0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% -10%,rgba(56,120,138,.17),transparent 34%),linear-gradient(160deg,#050a10,#07111a 54%,#050a10)}button,select{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:26px 18px 18px;background:#040a10d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:4}.brand{display:flex;gap:13px;align-items:center;padding:4px 6px 26px;border-bottom:1px solid var(--line)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-2);transform:rotate(45deg);font-size:18px}.brand-mark:first-letter{transform:rotate(-45deg)}.brand-kicker,.eyebrow,.section-kicker,.hero-kicker{font-size:10px;letter-spacing:.19em;color:var(--gold);margin:0 0 4px;text-transform:uppercase}.brand h1{font-size:16px;margin:0;font-weight:650;letter-spacing:.04em}.nav{display:grid;gap:6px;padding-top:22px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-left:2px solid transparent;background:transparent;color:#94a0aa;padding:11px 12px;text-align:left;cursor:pointer;transition:.2s ease}.nav-item span{color:#60798a;width:18px}.nav-item:hover,.nav-item:focus-visible{background:#77c6dc0f;color:#dce4e9;outline:none}.nav-item.is-active{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(200,170,106,.12),transparent);color:#fff}.nav-item.is-active span{color:var(--gold-2)}.sidebar-foot{margin-top:auto;padding:16px 8px 2px;border-top:1px solid var(--line);color:var(--faint);font-size:11px}.server-pill{display:flex;align-items:center;gap:8px;color:#a7b4bd;margin-bottom:9px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px #75d1a014}.main{min-width:0;padding:0 30px 50px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#050b11c9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3}.topbar h2{margin:0;font-size:22px;font-weight:580;letter-spacing:.02em}.top-actions{display:flex;align-items:center;gap:12px}.ghost-btn,.text-btn,.chip{border:1px solid var(--line);background:#ffffff05;color:#bac5cc;cursor:pointer}.ghost-btn{padding:9px 12px;border-radius:4px}.clock{font-variant-numeric:tabular-nums;color:var(--gold-2);font-size:13px;letter-spacing:.1em}.view{display:none;padding-top:26px}.view.is-active{display:block;animation:viewIn .38s cubic-bezier(.22,1,.36,1)}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-strip{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:176px;border:1px solid var(--line-strong);padding:28px 32px;overflow:hidden;background:linear-gradient(100deg,#142533eb,#08131ccc);box-shadow:var(--shadow)}.hero-strip:before,.hero-strip:after{content:"";position:absolute;background:var(--gold);opacity:.55}.hero-strip:before{width:60px;height:1px;left:0;top:0}.hero-strip:after{width:1px;height:44px;right:0;bottom:0}.hero-strip h3{max-width:690px;margin:5px 0 10px;font-family:Georgia,"Noto Serif TC",serif;font-size:28px;line-height:1.35;font-weight:500}.hero-strip p:last-child{margin:0;color:var(--muted);max-width:650px}.hero-glyph{position:relative;width:132px;height:132px;display:grid;place-items:center;color:var(--gold-2);font-family:Georgia,serif}.hero-glyph .ring{position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.42}.ring-a{inset:9px}.ring-b{inset:27px;border-style:dashed!important}.needle{width:1px;height:92px;background:currentColor;transform:rotate(38deg);opacity:.5}.hero-glyph b{font-size:26px;font-weight:400;position:absolute}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.metric{padding:18px 20px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:24px;font-weight:560}.metric span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.section-head,.panel-head{display:flex;justify-content:space-between;align-items:end}.section-head{margin:30px 0 14px}.section-head h3,.panel-head h3{margin:0;font-size:18px;font-weight:560}.section-note{color:var(--faint);font-size:12px}.fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fleet-card,.panel,.benefit-card{border:1px solid var(--line);background:linear-gradient(155deg,#121f2beb,#09121be0);position:relative}.fleet-card{padding:18px;min-height:204px;overflow:hidden}.fleet-card:before{content:"";position:absolute;left:0;top:0;width:28px;height:2px;background:var(--gold)}.fleet-card h4{margin:2px 0 10px;font-size:17px}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.status.voyaging .status-dot{background:var(--aether);box-shadow:0 0 12px #74d5e8b3}.status.scheduled .status-dot{background:var(--warn)}.rank-row{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:12px}.part-code{color:var(--gold-2);letter-spacing:.1em}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.mini-stats span{font-size:10px;color:var(--faint)}.mini-stats b{display:block;color:#cbd6dc;font-size:13px;font-weight:500}.dashboard-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.panel{padding:20px}.text-btn{border:0;background:transparent;color:var(--gold);padding:4px}.benefit-list{margin-top:15px}.benefit-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.benefit-row:first-child{border-top:0}.queue-no{color:var(--gold-2);font-family:Georgia,serif;font-size:15px}.benefit-meta{font-size:11px;color:var(--muted);margin-top:3px}.progress{width:96px}.progress-track{height:4px;background:#ffffff0f;margin-top:7px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--aether),var(--gold-2))}.badge{font-size:9px;letter-spacing:.12em;padding:4px 7px;border:1px solid rgba(200,170,106,.38);color:var(--gold-2)}.map-board{margin-top:16px;border:1px solid var(--line);color:#628397;background:radial-gradient(circle at 72% 24%,rgba(116,213,232,.08),transparent 25%),#08131c}.map-board svg{display:block;width:100%;height:auto}.route-path{fill:none;stroke:var(--gold-2);stroke-width:2;stroke-dasharray:6 7;filter:drop-shadow(0 0 4px rgba(226,200,140,.3))}.waypoint circle{fill:#07131c;stroke:var(--aether);stroke-width:2}.waypoint.hot circle{stroke:var(--gold-2);fill:#c8aa6a26}.waypoint text{fill:#8ca2af;font-size:10px;letter-spacing:.12em}.map-caption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 14px;color:var(--muted);font-size:11px}.map-caption strong{color:#d8e1e6;font-weight:500}.fleet-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fleet-detail{padding:22px}.part-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.part-item{border-left:1px solid var(--line-strong);padding-left:10px}.part-item span{display:block;font-size:10px;color:var(--muted)}.part-item b{font-weight:500;font-size:13px}.stats-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.stat-tile{padding:9px;border-top:1px solid var(--line);background:#ffffff05}.stat-tile span{display:block;font-size:9px;color:var(--faint)}.stat-tile b{font-size:15px;font-weight:550;color:#d6e3ea}.filter-group{display:flex;gap:7px}.chip{padding:7px 10px;font-size:11px}.chip.is-active{border-color:#c8aa6a8c;color:var(--gold-2);background:#c8aa6a14}.benefit-table{border:1px solid var(--line)}.benefit-table-head,.benefit-table-row{display:grid;grid-template-columns:58px 1.2fr 1fr .8fr .8fr;gap:12px;align-items:center;padding:12px 16px}.benefit-table-head{font-size:10px;letter-spacing:.1em;color:var(--faint);background:#ffffff05}.benefit-table-row{border-top:1px solid var(--line);min-height:68px}.benefit-table-row:hover{background:#74d5e806}.benefit-table-row strong{font-weight:520}.subtle{font-size:11px;color:var(--muted)}.planner-layout{display:grid;grid-template-columns:380px 1fr;gap:14px}.planner-controls label{display:grid;gap:7px;font-size:11px;color:var(--muted);margin-top:16px}.planner-controls select{width:100%;background:#0b1721;border:1px solid var(--line-strong);color:var(--ink);padding:11px}.primary-btn{margin-top:18px;width:100%;border:1px solid rgba(200,170,106,.65);background:linear-gradient(180deg,#c8aa6a2e,#c8aa6a12);color:var(--gold-2);padding:12px;cursor:pointer}.primary-btn:hover{background:#c8aa6a2e}.muted{color:var(--muted);font-size:12px;line-height:1.7}.planner-readout{margin-top:18px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.planner-readout strong{color:#e6eef2}.radar-like{margin-top:18px;display:grid;gap:15px}.bar-row{display:grid;grid-template-columns:90px 1fr 54px;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.bar-track{height:6px;background:#ffffff0d;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,#4f8192,var(--aether))}.bar-row b{font-variant-numeric:tabular-nums;color:#d7e1e6;font-weight:500;text-align:right}.loading{position:fixed;right:28px;bottom:28px;border:1px solid var(--line);background:#071019;padding:10px 14px;color:var(--muted);font-size:11px;display:none}.loading.is-show{display:flex;gap:8px;align-items:center}.loading span{width:8px;height:8px;border:1px solid var(--aether);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:28px;bottom:28px;transform:translateY(16px);opacity:0;pointer-events:none;background:#0d1822;border:1px solid var(--line-strong);padding:11px 14px;color:#cbd6dc;font-size:12px;transition:.2s}.toast.is-show{transform:none;opacity:1}.empty{padding:24px;color:var(--muted);text-align:center;border:1px dashed var(--line)}@media(max-width:1100px){.fleet-grid{grid-template-columns:repeat(2,1fr)}.dashboard-lower,.planner-layout{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.fleet-detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px}.brand{padding-bottom:14px}.nav{display:flex;overflow:auto;padding-top:12px}.nav-item{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.nav-item.is-active{border-bottom-color:var(--gold)}.sidebar-foot{display:none}.main{padding:0 16px 36px}.topbar{height:78px}.topbar .ghost-btn{display:none}.hero-strip{padding:22px;min-height:160px}.hero-strip h3{font-size:23px}.hero-glyph{display:none}.metric-row{grid-template-columns:1fr 1fr}.fleet-grid{grid-template-columns:1fr}.benefit-table{overflow:auto}.benefit-table-head,.benefit-table-row{min-width:720px}.stats-list{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.fleet-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-btn{border:1px solid rgba(184,202,214,.18);background:#ffffff06;color:var(--text, #e9f2f7);width:34px;height:34px;border-radius:10px;cursor:pointer;font:inherit}.icon-btn:hover,.icon-btn:focus-visible{border-color:#62d3e68c;background:#62d3e614;outline:none}.user-chip{display:inline-flex;align-items:center;gap:7px;min-width:0}.avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;overflow:hidden;background:#60c9db1f;border:1px solid rgba(96,201,219,.2);font-size:11px}.avatar img{width:100%;height:100%;object-fit:cover}.benefit-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.benefit-ident{display:flex;align-items:center;gap:12px;min-width:0}.item-icon{width:38px;height:38px;object-fit:contain;border-radius:6px;background:#ffffff06}.row-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.small-btn{border:1px solid rgba(188,165,104,.25);background:#bca56812;color:inherit;border-radius:8px;padding:7px 10px;cursor:pointer}.small-btn:hover,.small-btn:focus-visible{border-color:#d1b76fa6;outline:none}.benefit-row{grid-template-columns:54px minmax(0,1fr) minmax(140px,220px) auto}.benefit-row.is-compact{grid-template-columns:54px minmax(0,1fr) minmax(120px,180px)}.benefit-row.is-compact .row-actions{display:none}.route-result-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.route-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;padding:15px 0;border-top:1px solid rgba(180,205,220,.1)}.route-option.is-best{border-left:2px solid rgba(209,183,111,.8);padding-left:14px}.route-option small{letter-spacing:.14em;color:var(--muted,#91a5b0);font-size:.68rem}.route-option h4{margin:3px 0 4px}.route-option p{margin:0;color:var(--muted,#91a5b0);line-height:1.6}.coverage-count{text-align:right;align-self:center}.coverage-count strong{display:block;font-family:Georgia,serif;font-size:1.8rem;color:#d1b76f}.coverage-count span{font-size:.72rem;color:var(--muted,#91a5b0)}.route-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.route-tags span{border:1px solid rgba(98,211,230,.16);padding:5px 8px;border-radius:999px;color:#bfe8ee;background:#62d3e60a;font-size:.75rem}.modal{border:0;padding:0;background:transparent;color:inherit;max-width:min(620px,calc(100vw - 24px));width:100%}.modal::backdrop{background:#01060ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{background:linear-gradient(180deg,#0e1c26fa,#060f16fc);border:1px solid rgba(194,174,116,.26);box-shadow:0 30px 100px #0000008c,inset 0 1px #ffffff06;padding:24px;border-radius:14px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.modal-card label{display:grid;gap:7px;margin-top:12px;color:#aebfc7;font-size:.78rem;letter-spacing:.03em}.modal-card input,.modal-card select,.modal-card textarea{width:100%;box-sizing:border-box;border:1px solid rgba(177,198,210,.17);background:#00000038;color:#eef7fb;border-radius:8px;padding:11px 12px;font:inherit}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#60c9db99;outline:2px solid rgba(96,201,219,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important}.check-row input{width:auto}.danger-btn{border:1px solid rgba(224,111,111,.4);background:#e0505014;color:#f6c0c0;border-radius:8px;padding:10px 14px;cursor:pointer}.toast.is-bad{border-color:#e06f6f80;color:#ffd3d3}.is-admin #adminBtn{border-color:#d1b76f8c;color:#e7cf8c}@media(max-width:760px){.benefit-row,.benefit-row.is-compact{grid-template-columns:44px 1fr}.benefit-row .progress,.benefit-row .row-actions{grid-column:2}.form-grid,.route-option{grid-template-columns:1fr}.coverage-count{text-align:left}.top-actions{gap:6px}.top-actions .ghost-btn{padding-inline:10px}.user-chip span:last-child{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.build-recs{margin:16px 0 8px;padding:14px;border:1px solid rgba(209,183,111,.14);background:#d1b76f09;border-radius:10px}.build-rec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}.build-rec:first-of-type{border-top:0}.build-rec.is-best strong{color:#dfc783}.build-rec p{margin:5px 0 0;color:var(--muted,#91a5b0);line-height:1.6}.build-stats{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:320px}.build-stats span{font-size:.72rem;padding:4px 7px;border:1px solid rgba(98,211,230,.13);border-radius:999px;color:#bfe8ee}@media(max-width:760px){.build-rec{grid-template-columns:1fr}.build-stats{justify-content:flex-start;max-width:none}}:focus-visible{outline:2px solid var(--aether);outline-offset:3px}button,input,select,textarea{font:inherit}button{min-height:40px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--radius:8px}html{font-size:16px}body{line-height:1.5}.shell{grid-template-columns:258px minmax(0,1fr)}.sidebar{background:#071019;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-kicker,.eyebrow,.section-kicker,.hero-kicker{font-size:.75rem;letter-spacing:.12em}.brand h1{font-size:1.13rem;line-height:1.35}.nav-item{font-size:.97rem;min-height:48px;border-radius:3px}.sidebar-foot,.server-pill{font-size:.82rem}.main{padding-inline:clamp(18px,3vw,54px)}.topbar h2{font-size:1.9rem;font-weight:700}.ghost-btn{font-size:.88rem;min-height:44px;border-radius:6px}.clock{font-size:.82rem}.view{padding-top:18px}.operations-band{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border-bottom:1px solid var(--line-strong)}.operations-band .section-kicker{margin:0}.source-note{color:var(--muted);font-size:.8rem}.metric-row{border-top:1px solid var(--line);margin-top:14px;background:#0f1c2773}.metric{padding:17px 22px}.metric strong{font-size:1.95rem;font-weight:700;line-height:1.2;color:var(--ink)}.metric span{font-size:.88rem;letter-spacing:0}.section-head{margin:27px 0 13px}.section-head h3,.panel-head h3{font-size:1.24rem;font-weight:700}.section-note,.status{font-size:.85rem}.fleet-card{min-height:202px;border-radius:8px;padding:19px}.fleet-card h4{font-size:1.2rem}.vessel-mark{color:var(--gold);font-size:1.1rem}.rank-row{font-size:.83rem;gap:10px}.part-code{overflow-wrap:anywhere;text-align:right}.mini-stats span{font-size:.76rem}.mini-stats b{font-size:1rem}.panel{border-radius:8px}.text-btn{font-size:.9rem;min-height:44px}.benefit-row,.benefit-row.is-compact{grid-template-columns:42px minmax(0,1fr) minmax(125px,175px);min-width:0}.benefit-ident,.benefit-ident strong{overflow-wrap:anywhere}.benefit-ident strong{font-size:1rem}.benefit-meta{font-size:.8rem;gap:6px}.user-chip{max-width:100%;overflow-wrap:anywhere}.user-chip span:last-child{overflow-wrap:anywhere}.queue-no{font-size:1.15rem}.progress{width:100%}.subtle{font-size:.82rem;line-height:1.4}.map-caption{font-size:.82rem}.parts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.parts-list>div{border-left:2px solid rgba(200,170,106,.45);padding:5px 9px;min-width:0}.parts-list span,.parts-list small{display:block;color:var(--muted);font-size:.8rem}.parts-list strong{display:block;font-size:.95rem;overflow-wrap:anywhere;margin:3px 0}.parts-list small{color:var(--gold)}.stat-line{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:14px}.stat-line span{font-size:.82rem;color:var(--muted)}.stat-line b{color:var(--ink)}.chip{min-height:44px;padding:8px 14px;font-size:.88rem;border-radius:6px}.benefit-table{padding:4px 20px;border-radius:8px;background:var(--surface)}.benefit-table .benefit-row{grid-template-columns:52px minmax(0,1fr) minmax(140px,210px)}.planner-layout{grid-template-columns:minmax(290px,380px) minmax(0,1fr)}.planner-controls label,.bar-row{font-size:.92rem}.planner-controls select,.primary-btn{min-height:48px;border-radius:6px;font-size:.95rem}.planner-readout{font-size:.93rem}.muted{font-size:.94rem}.route-option p{font-size:.89rem}.route-option small{font-size:.75rem}.route-tags span{border-radius:5px;font-size:.82rem}.modal-card{border-radius:8px}.icon-btn{min-width:44px;min-height:44px;border-radius:6px}:focus-visible,.nav-item:focus-visible,.icon-btn:focus-visible,.small-btn:focus-visible{outline:2px solid var(--aether);outline-offset:3px}button:disabled{opacity:.55;cursor:wait}@media(max-width:1200px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto;padding:14px 16px}.brand{padding-bottom:10px}.nav{padding-top:10px}.nav-item{min-height:46px;padding:10px 13px}.main{padding:0 16px 36px}.topbar{position:relative;height:auto;min-height:90px;gap:12px;align-items:flex-start;padding:16px 0}.topbar h2{font-size:1.55rem}.top-actions{display:flex;align-items:flex-end;flex-direction:column}.topbar .ghost-btn{display:inline-block;padding:7px 10px;font-size:.8rem;min-height:38px}.clock{display:none}.operations-band{align-items:flex-start;flex-direction:column;padding:12px 0;gap:4px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:14px}.metric strong{font-size:1.6rem}.fleet-grid,.fleet-detail-grid,.planner-layout{grid-template-columns:1fr}.benefit-table{padding:4px 14px;overflow:visible}.benefit-row,.benefit-row.is-compact,.benefit-table .benefit-row{grid-template-columns:40px minmax(0,1fr)}.benefit-row .progress{grid-column:2}.filter-group{flex-wrap:wrap}.section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.parts-list{grid-template-columns:1fr 1fr}}@media(max-width:390px){.parts-list{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.top-actions{flex-direction:row;flex-wrap:wrap}.metric span{font-size:.78rem}}.auth-callback{max-width:640px;margin:clamp(48px,15vh,180px) auto;padding:32px;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px}.auth-callback h1{font-size:1.8rem;margin:8px 0 20px}.auth-callback p:not(.section-kicker){color:var(--muted)}.auth-callback a{color:var(--aether);display:inline-block;margin-top:20px;min-height:44px}.auth-callback a[hidden]{display:none}.identity{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:.88rem}.identity img{width:32px;height:32px;border-radius:50%;object-fit:cover}.identity:empty{display:none}.app-message{margin:18px 0 0;padding:16px 18px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-left:3px solid var(--aether)}.app-message.error{border-left-color:var(--danger)}.app-message.unauthorized{border-left-color:var(--warn)}.app-message[hidden],.management[hidden]{display:none}.management{margin-top:24px}.manage-controls{display:flex;align-items:end;gap:12px;margin:16px 0}.manage-controls label{display:grid;gap:5px;color:var(--muted);font-size:.86rem}.manage-controls select{background:#0b1721;color:var(--ink);border:1px solid var(--line-strong);padding:9px;min-height:44px}.manage-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:9px 0;overflow-wrap:anywhere}.manage-row span{min-width:0}.modal-card textarea{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.86rem;line-height:1.5}@media(max-width:760px){.identity{max-width:150px;overflow:hidden}.identity span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-controls{flex-wrap:wrap}}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-card{min-height:290px}.fleet-card h4{margin:10px 0 0;font-size:1.25rem;color:var(--ink)}.vessel-cn{margin:2px 0 0;color:var(--gold-2);font-size:1rem}.vessel-class,.fleet-class-note{margin:10px 0 0;color:var(--muted);font-size:.84rem}.fleet-class-note{margin-top:4px}.rank-row{margin-top:15px}.card-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 15px;margin-top:10px;color:var(--muted);font-size:.82rem}.card-parts span{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:4px 0}.card-parts b{font-weight:500;color:var(--ink);text-align:right}.fleet-card .mini-stats{grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.fleet-card .mini-stats span{font-size:.74rem}.loadout-dialog{max-width:min(1140px,calc(100vw - 24px));max-height:min(94vh,1100px);margin:auto}.loadout-card{height:min(92vh,1050px);padding:0;display:flex;flex-direction:column;overflow:hidden}.loadout-card>.modal-head{padding:20px 24px 14px;border-bottom:1px solid var(--line);margin:0}.loadout-card h3{font-size:1.4rem;margin:4px 0}.loadout-card .muted{margin:3px 0}.loadout-scroll{padding:18px 24px 26px;overflow-y:auto;min-height:0;flex:1}.loadout-vessel{display:grid;gap:5px;padding:2px 0 18px}.loadout-vessel strong{font-size:1.22rem}.loadout-rank{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:16px 0}.loadout-rank label{display:grid;gap:4px;color:var(--ink);margin:0}.loadout-rank label>span:last-child{font-size:.84rem;color:var(--muted)}.rank-control{display:flex;align-items:stretch;gap:5px}.rank-control button{width:48px;border:1px solid var(--line-strong);background:#0a1721;color:var(--gold-2);cursor:pointer}.rank-control input{width:84px;text-align:center;background:#0a1721;color:var(--ink);border:1px solid var(--line-strong);font-size:1.12rem}.rank-control input::-webkit-inner-spin-button,.rank-control input::-webkit-outer-spin-button{appearance:none;margin:0}.loadout-section-label{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:.83rem}.loadout-slot{padding:15px 0 18px;border-bottom:1px solid var(--line)}.loadout-slot h4{margin:0 0 9px;font-size:1rem}.loadout-slot h4 small{margin-left:8px;font-size:.78rem;color:var(--muted);font-weight:400}.part-group-label{color:var(--muted);font-size:.78rem;margin:0 0 8px}.part-divider{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:.74rem;letter-spacing:.075em;margin:14px 0 10px}.part-divider:after{content:"";height:1px;flex:1;background:var(--line-strong)}.part-plates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.part-shell{display:block;min-width:0}.part-plate{width:100%;height:100%;min-width:0;min-height:64px;display:flex;align-items:flex-start;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--line-strong);background:linear-gradient(155deg,#142331,#0b1720);color:var(--ink);border-radius:5px;padding:9px 10px;cursor:pointer;transition:border-color .2s,background .2s}.part-plate span{font-size:.82rem;color:var(--muted)}.part-plate strong{font-size:.85rem;font-weight:600}.part-plate small{font-size:.73rem;color:var(--muted)}.part-plate:not(:disabled):hover{border-color:var(--gold);background:#1a2932}.part-plate.is-selected{border:2px solid var(--gold-2);padding:8px 9px;background:#c8aa6a1f}.part-plate.is-selected span{color:var(--gold-2)}.part-plate.is-locked{opacity:.42;cursor:not-allowed}.loadout-footer{flex:none;padding:14px 24px 18px;border-top:1px solid rgba(200,170,106,.38);background:#091721;box-shadow:0 -14px 32px #00000059}.loadout-total{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}.loadout-total strong{color:var(--gold-2)}.capacity-track{height:5px;margin:7px 0 12px;background:#243540}.capacity-track i{display:block;height:100%;background:var(--aether)}.capacity-track.is-over i{background:var(--danger)}.capacity-track.is-over+.loadout-summary{color:var(--danger)}.loadout-summary{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px;font-size:.8rem}.loadout-summary>strong{color:var(--gold-2);font-size:.95rem}.loadout-summary>span{color:var(--muted)}.loadout-summary>div{display:flex;gap:5px}.loadout-summary>div span{color:var(--muted)}.loadout-summary>div strong{font-weight:600}.performance-summary{margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}.performance-summary .section-kicker{font-size:.7rem}.instrument-row{display:grid;grid-template-columns:160px 1fr 36px;gap:10px;align-items:center;margin:2px 0;font-size:.75rem}.instrument-row span{white-space:nowrap}.instrument-row small{font-size:.65rem;color:var(--muted);margin-left:5px}.instrument-row b{color:var(--ink);text-align:right}.instrument-track{height:3px;background:#26343d}.instrument-track i{display:block;height:100%;background:var(--aether)}.validation-line{min-height:1.15em;margin:7px 0;color:var(--warn);font-size:.82rem}.loadout-footer .primary-btn{width:auto;margin:0;min-width:180px;min-height:42px}.loadout-error{margin:7px 0;padding:10px;border-left:3px solid var(--danger);background:#e28b8514;font-size:.84rem}.loadout-error[hidden]{display:none}.admin-diagnostic{margin-top:7px}.admin-diagnostic code{display:block;overflow-wrap:anywhere;color:var(--muted);margin-top:5px}.confirm-dialog{max-width:min(480px,calc(100vw - 24px))}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-actions .primary-btn{width:auto;margin:0;min-width:130px}.record-fields{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.record-fields label{min-width:0}@media(max-width:850px){.part-plates,.fleet-card .mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.fleet-grid{grid-template-columns:1fr}.loadout-card{height:94vh}.loadout-card>.modal-head{padding:14px}.loadout-scroll{padding:12px 14px 18px}.part-plates{grid-template-columns:repeat(2,minmax(0,1fr))}.part-plate{min-height:64px}.loadout-footer{padding:10px 14px}.instrument-row{grid-template-columns:90px 1fr 28px}.instrument-row small{display:none}.record-fields{grid-template-columns:1fr}.loadout-rank{flex-wrap:wrap}.loadout-summary{font-size:.72rem;max-height:70px;overflow:auto}.performance-summary{max-height:105px;overflow:auto}}:root{--background:#08111c;--background-deep:#050a12;--surface:#101e2c;--surface-elevated:#172838;--surface-hover:#1b3040;--border:#344a59;--border-strong:#678497;--text-primary:#edf5f8;--text-secondary:#bacbd5;--text-muted:#8da7b6;--primary:#a8dcee;--primary-hover:#c6eff8;--primary-active:#7bbdd7;--accent:#82c9da;--selected:#9dddea;--success:#80c9bb;--warning:#d4b67e;--error:#db9eac;--glow:rgba(131,207,227,.2);--bg:var(--background-deep);--bg-2:var(--background);--ink:var(--text-primary);--muted:var(--text-secondary);--faint:var(--text-muted);--line:rgba(148,183,203,.2);--line-strong:rgba(162,204,225,.38);--gold:var(--accent);--gold-2:var(--primary);--aether:var(--primary);--aether-soft:rgba(130,201,218,.13);--ok:var(--success);--warn:var(--warning);--danger:var(--error);--radius:5px;--shadow:0 20px 54px rgba(0,3,10,.34)}html{color-scheme:dark;background:var(--background-deep);color:var(--text-primary)}body{background:radial-gradient(ellipse at 76% 1%,rgba(55,111,139,.15),transparent 42%),linear-gradient(155deg,#050b14,#0b1723 62%,#08131e);color:var(--text-primary)}.ambient{background-image:linear-gradient(rgba(153,201,219,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(153,201,219,.018) 1px,transparent 1px);background-size:56px 56px;opacity:.75}.shell{grid-template-columns:264px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#07121e,#091622 52%,#060e18);border-right:1px solid var(--line-strong);box-shadow:inset -1px 0 #def1f806;padding:20px 14px}.brand{display:grid;grid-template-columns:66px minmax(0,1fr);gap:13px;align-items:center;padding:10px 8px 23px;border-bottom:1px solid var(--line-strong)}.brand-mark{width:66px;height:66px;transform:none;display:block;border:1px solid #8faec0;background:#fff;box-shadow:0 0 0 4px #85bfd80f,0 10px 24px #00000040;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand-kicker{line-height:1.5;font-size:.66rem;letter-spacing:.13em;color:var(--text-muted)}.brand h1{font-family:Georgia,"Noto Serif TC",Microsoft JhengHei,serif;font-size:1.2rem;font-weight:600;letter-spacing:.035em;color:var(--text-primary)}.nav{gap:5px;padding-top:23px}.nav-item{position:relative;color:var(--text-secondary);border-radius:3px;border-left:2px solid transparent;min-height:49px;padding:11px 12px;transition:background .2s ease,color .2s ease,border-color .2s ease}.nav-item span{color:#a0b9c8}.nav-item:hover{background:#99cee212;color:var(--text-primary)}.nav-item.is-active{border-left-color:var(--selected);background:linear-gradient(90deg,#83c9e129,#83c9e106);color:var(--text-primary)}.nav-item.is-active span{color:var(--primary-hover)}.nav-toggle{display:none}.sidebar-foot{border-top:1px solid var(--line-strong);color:var(--text-muted)}.server-pill{color:var(--text-secondary)}.pulse{background:var(--success);box-shadow:0 0 0 4px #80c9bb1a}.main{padding-inline:clamp(18px,3vw,58px)}.topbar{min-height:96px;height:auto;gap:24px;background:linear-gradient(180deg,#08121df7,#091420eb);border-bottom:1px solid var(--line-strong);box-shadow:0 12px 26px #0000001a}.topbar h2{font-family:Georgia,"Noto Serif TC",Microsoft JhengHei,serif;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:600;letter-spacing:.03em}.brand-kicker,.eyebrow,.section-kicker,.hero-kicker{color:var(--accent)}.eyebrow{font-size:.72rem}.top-actions{gap:9px;flex-wrap:wrap;justify-content:flex-end}.identity{gap:9px;font-size:.87rem;color:var(--text-secondary);min-width:0}.identity img{width:36px;height:36px;border:1px solid var(--line-strong);box-shadow:0 0 0 2px #90c3d80f}.identity-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge,.badge{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--line-strong);background:#8fc2d314;color:var(--primary);font-size:.73rem;letter-spacing:.035em;padding:3px 8px;border-radius:2px;white-space:nowrap}.role-badge{min-height:23px}.is-admin .role-badge{border-color:#8ecce28c;color:var(--primary-hover)}.ghost-btn,.small-btn,.chip,.icon-btn{border:1px solid var(--line-strong);background:#93c0d50b;color:var(--text-primary);border-radius:3px;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.ghost-btn:hover,.small-btn:hover,.chip:hover,.icon-btn:hover{border-color:var(--primary);background:#86cde41f;color:var(--primary-hover)}.is-admin #adminBtn{border-color:var(--line-strong);color:var(--text-primary)}.clock{color:var(--text-muted);font-variant-numeric:tabular-nums}.view{padding-top:19px}.operations-band{border-bottom:1px solid var(--line-strong)}.source-note,.section-note{color:var(--text-muted)}.metric-row{background:linear-gradient(180deg,#162836b8,#0d1c29bf);border-color:var(--line-strong)}.metric{border-color:var(--line)}.metric strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:550;color:var(--text-primary)}.section-head{border-bottom:1px solid var(--line);padding-bottom:12px;gap:18px}.section-head h3,.panel-head h3{font-family:Georgia,"Noto Serif TC",Microsoft JhengHei,serif;font-weight:600;letter-spacing:.015em}.fleet-card,.panel,.benefit-card{background:linear-gradient(145deg,#182b3bf5,#0c1a27f5);border:1px solid var(--line-strong);border-radius:5px;box-shadow:inset 0 1px #ebf7fb09,0 8px 28px #0000001c}.fleet-card{min-height:292px;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.fleet-card:before{width:42px;height:1px;background:var(--primary);opacity:.8}.fleet-card:after{content:"";position:absolute;right:0;bottom:0;width:20px;height:20px;border-right:1px solid rgba(177,220,231,.4);border-bottom:1px solid rgba(177,220,231,.4);pointer-events:none}.fleet-card:hover,.fleet-card:focus-within{border-color:#a3daeab8;box-shadow:0 14px 36px #00020845,inset 0 1px #e7f9fd0e;transform:translateY(-2px)}.fleet-card h4{font-family:Georgia,"Noto Serif TC",serif;font-size:1.35rem;line-height:1.25;font-weight:600;color:var(--text-primary)}.vessel-cn{color:var(--primary);font-size:.98rem}.vessel-class,.fleet-class-note{color:var(--text-muted)}.status{color:var(--text-secondary);font-size:.82rem}.status-dot{background:var(--accent);box-shadow:0 0 0 3px #82c9da1c}.status.exploring .status-dot,.status.voyaging .status-dot{background:var(--primary);box-shadow:0 0 9px var(--glow)}.status.scheduled .status-dot{background:var(--warning)}.rank-row{border-color:var(--line);font-variant-numeric:tabular-nums}.card-parts span{border-color:var(--line)}.card-parts b,.mini-stats b{color:var(--text-primary)}.fleet-card .mini-stats{border-color:var(--line)}.fleet-card .mini-stats span{color:var(--text-muted)}.fleet-detail .parts-list>div{border-left:2px solid rgba(155,209,228,.57)}.stat-line{border-color:var(--line)}.text-btn{color:var(--primary);border:0;background:none}.text-btn:hover{color:var(--primary-hover);text-decoration:underline;text-underline-offset:4px}.benefit-row{border-color:var(--line);transition:background .2s ease}.benefit-row:hover{background:#96cde009}.queue-no{font-family:ui-monospace,Consolas,monospace;color:var(--text-muted)}.benefit-ident strong{color:var(--text-primary)}.benefit-meta{color:var(--text-secondary)}.avatar{background:#8ec9de17;border-color:var(--line-strong)}.item-icon{border:1px solid var(--line);background:#daeff706}.progress .subtle{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.queue-amount{font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap}.queue-status{display:inline-flex;align-items:center;border:1px solid var(--line-strong);color:var(--text-secondary);background:#8ec0d111;padding:2px 7px;font-size:.75rem;white-space:nowrap}.queue-status.status-exploring,.queue-status.status-voyaging,.queue-status.status-scheduled{border-color:#86cde378;color:var(--primary)}.queue-status.status-partial{border-color:#d4b67e87;color:var(--warning)}.queue-status.status-completed{border-color:#80c9bb78;color:var(--success)}.progress-track{background:#abccda1f}.progress-fill{background:linear-gradient(90deg,#528ca4,var(--primary))}.benefit-table{border-color:var(--line-strong);background:linear-gradient(160deg,#132533f0,#091723f5);border-radius:5px}.map-board{color:#6f9fb2;border-color:var(--line-strong);background:radial-gradient(circle at 72% 24%,rgba(150,218,237,.075),transparent 36%),#091624}.route-path{stroke:var(--primary);stroke-width:2;stroke-dasharray:5 8;filter:drop-shadow(0 0 3px rgba(143,212,235,.27));animation:routeDrift 18s linear infinite}@keyframes routeDrift{to{stroke-dashoffset:-130}}.waypoint circle{stroke:var(--primary);fill:#0c1c2a}.waypoint.hot circle{stroke:#e8f6fa;fill:#b9e5f129;filter:drop-shadow(0 0 5px rgba(177,224,241,.22))}.waypoint text{fill:var(--text-secondary)}.map-caption{border-color:var(--line);color:var(--text-secondary)}.map-caption strong{color:var(--text-primary)}.chip.is-active{border-color:var(--primary);color:var(--primary-hover);background:#85cae124}.planner-controls select,.manage-controls select,.modal-card input,.modal-card select{border:1px solid var(--line-strong);background:#0b1a29;color:var(--text-primary);border-radius:3px}.primary-btn{background:linear-gradient(180deg,#88cde533,#63a6bf1a);border:1px solid rgba(157,219,237,.68);color:#e4f7fb;border-radius:3px;box-shadow:inset 0 1px #effcff14;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.primary-btn:hover:not(:disabled){background:#8ed3e83b;border-color:var(--primary-hover);box-shadow:0 0 16px #79c1db1f}.primary-btn:active:not(:disabled){background:#6fb7ce42}.bar-track,.instrument-track{background:#a2cfe11a}.bar-fill,.instrument-track i{background:linear-gradient(90deg,#5d9eb7,var(--primary))}.route-option{border-color:var(--line)}.route-option.is-best{border-left-color:var(--primary)}.coverage-count strong,.build-rec.is-best strong{color:var(--primary-hover)}.route-tags span,.build-stats span{border-color:var(--line-strong);background:#91cfe60e;color:var(--text-secondary);border-radius:3px}.build-recs{border-color:var(--line-strong);background:#89c0d709;border-radius:4px}.management{border-top:2px solid rgba(160,216,234,.63)}.manage-row{border-color:var(--line)}.manage-row:hover{background:#92cfe20a}.danger-btn{border-color:#db9eac80;background:#db9eac14;color:#efbfc9}.modal::backdrop{background:#01060dd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{background:linear-gradient(160deg,#152a39,#0a1927 68%);border:1px solid var(--border-strong);border-top-color:#c8ebf5a6;border-radius:5px;box-shadow:0 26px 90px #000000a6,inset 0 1px #e8f8fd12}.modal[open] .modal-card{animation:consoleReveal .25s cubic-bezier(.2,.7,.25,1) both}@keyframes consoleReveal{0%{opacity:0;transform:translateY(6px) scale(.988)}to{opacity:1;transform:none}}.modal-head{border-color:var(--line-strong)}.modal-card label{color:var(--text-secondary)}.modal-card input:focus,.modal-card select:focus{border-color:var(--primary);outline:2px solid rgba(135,211,233,.25)}.loadout-footer{background:#0b1a27;border-top-color:var(--line-strong)}.loadout-total strong,.loadout-summary>strong{color:var(--primary-hover)}.rank-control button,.rank-control input{border-color:var(--line-strong);background:#0a1927;color:var(--text-primary)}.rank-control button:hover{border-color:var(--primary);background:var(--surface-hover)}.loadout-slot{border-color:var(--line)}.loadout-slot h4{color:var(--text-primary)}.part-group-label{color:var(--text-secondary)}.part-divider{color:var(--primary);border-top-color:var(--line-strong)}.part-divider:after{background:var(--line-strong)}.part-plate{border-color:var(--line-strong);background:linear-gradient(160deg,#1a2c3a,#101f2c);color:var(--text-primary);border-radius:3px}.part-plate:not(:disabled):hover{border-color:var(--primary);background:var(--surface-hover)}.part-plate.is-selected{border-color:var(--selected);background:#82cbdf2b;box-shadow:inset 0 0 0 1px #ccf3fb21,0 0 12px #73c0d821}.part-plate.is-selected span{color:var(--primary-hover)}.part-plate.is-locked{opacity:.47;filter:saturate(.55);cursor:not-allowed}.part-plate.is-locked:hover{border-color:var(--line-strong)}.capacity-track{background:#9ec8da29}.capacity-track i{background:var(--primary)}.capacity-track.is-over i{background:var(--error)}.capacity-track.is-over+.loadout-summary{color:var(--error)}.validation-line{color:var(--warning)}.loadout-error{border-color:var(--error);background:#db9eac17}.app-message,.auth-callback,.empty,.loading,.toast{background:linear-gradient(145deg,#152837f7,#0b1a28f7);border:1px solid var(--line-strong);color:var(--text-primary);border-radius:3px;box-shadow:inset 0 1px #dcf3fb0a}.app-message{position:relative;border-left:3px solid var(--primary);padding:18px 20px 18px 52px;line-height:1.65}.app-message:before{content:"✧";position:absolute;left:18px;top:18px;color:var(--primary);font-size:1.1rem}.app-message.error{border-left-color:var(--error)}.app-message.error:before{content:"!";color:var(--error)}.app-message.unauthorized{border-left-color:var(--warning)}.app-message.unauthorized:before{content:"◇";color:var(--warning)}.empty{border-style:dashed;padding:28px 18px;line-height:1.6}.empty:before{content:"✧";display:block;color:var(--accent);font-size:1.3rem;margin-bottom:6px;opacity:.8}.loading{color:var(--text-secondary);min-height:44px;box-shadow:var(--shadow)}.loading span{border-color:var(--primary);border-top-color:transparent}.toast{box-shadow:var(--shadow)}.toast.is-bad{border-color:var(--error);color:#f0c6cf}.auth-callback{border-top:2px solid var(--primary);max-width:560px}.auth-callback a{color:var(--primary)}:focus-visible,.nav-item:focus-visible,.icon-btn:focus-visible,.small-btn:focus-visible{outline:2px solid #c5f0fb;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.part-plate:disabled{cursor:not-allowed}@media(max-width:1000px){.topbar{flex-wrap:wrap;align-content:center;padding-block:14px}.top-actions{justify-content:flex-start}.identity-name{max-width:110px}}@media(max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto;padding:10px 16px 12px}.brand{grid-template-columns:52px 1fr;padding:2px 0 10px}.brand-mark{width:52px;height:52px}.nav-toggle{display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;margin-top:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--line-strong);color:var(--text-primary);border-radius:3px;text-align:left;cursor:pointer}.nav-toggle[aria-expanded=true] span{transform:rotate(180deg)}.nav{display:none;gap:3px;padding-top:8px}.nav.is-open{display:grid}.nav-item{border-left:2px solid transparent;border-bottom:0;white-space:normal}.nav-item.is-active{border-left-color:var(--selected);border-bottom-color:transparent}.main{padding-inline:16px}.topbar{min-height:0;align-items:flex-start;gap:10px;padding:16px 0}.top-actions{width:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.top-actions .ghost-btn{min-height:44px}.identity{max-width:100%;flex-wrap:wrap}.identity-name{max-width:145px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-grid,.fleet-detail-grid,.planner-layout{grid-template-columns:1fr}.fleet-card .mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-row,.benefit-row.is-compact,.benefit-table .benefit-row{grid-template-columns:40px minmax(0,1fr)}.benefit-row .progress,.benefit-row .row-actions{grid-column:2}.progress .subtle{justify-content:flex-start}.loadout-dialog{max-width:calc(100vw - 12px)}.loadout-card{height:min(94dvh,1050px)}.loadout-footer{padding:10px 14px}.loadout-summary{max-height:80px}.performance-summary{max-height:118px}}@media(max-width:390px){.top-actions{flex-wrap:wrap}.identity{flex-basis:100%}.metric span{font-size:.76rem}.part-plates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.route-path,.modal[open] .modal-card{animation:none}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:96px;min-height:44px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:4px;background:#8fcce111;color:var(--text-primary);font:inherit;font-size:.86rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-toggle:hover{background:#8fcce124;border-color:var(--primary)}.theme-toggle:focus-visible{outline:2px solid var(--primary-hover);outline-offset:3px}.theme-icon{font-size:1.1rem;line-height:1;color:var(--primary)}html[data-theme=light]{color-scheme:light;--background:#f3f8fb;--background-deep:#eaf2f7;--surface:rgba(255,255,255,.78);--surface-elevated:rgba(253,254,255,.94);--surface-hover:#e8f5fb;--border:#b6cbd9;--border-strong:#8baec2;--text-primary:#213b4d;--text-secondary:#456475;--text-muted:#537184;--primary:#2b7597;--primary-hover:#185a7d;--primary-active:#144e6b;--accent:#4a9bb9;--selected:#267ba3;--success:#267764;--warning:#8c6328;--error:#aa405b;--glow:rgba(88,164,198,.19);--bg:var(--background-deep);--bg-2:var(--background);--ink:var(--text-primary);--muted:var(--text-secondary);--faint:var(--text-muted);--line:rgba(96,137,159,.25);--line-strong:rgba(66,119,147,.43);--gold:var(--accent);--gold-2:var(--primary);--aether:var(--primary);--aether-soft:rgba(94,174,205,.13);--ok:var(--success);--warn:var(--warning);--danger:var(--error);--shadow:0 17px 48px rgba(60,104,131,.11);background:#eef5f9;color:var(--text-primary)}html[data-theme=light] body{background:radial-gradient(ellipse at 84% 3%,rgba(193,227,242,.84),transparent 38%),radial-gradient(ellipse at 7% 71%,rgba(223,237,248,.8),transparent 35%),linear-gradient(140deg,#f8fbfc 3%,#eff6fa 53%,#eaf3f8);color:var(--text-primary)}html[data-theme=light] .ambient{background-image:radial-gradient(circle,rgba(79,153,186,.22) .65px,transparent .8px),linear-gradient(rgba(150,188,207,.07) 1px,transparent 1px);background-size:82px 82px,60px 60px;opacity:.38;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}html[data-theme=light] .sidebar{background:linear-gradient(165deg,#fcfeffd9,#e9f4fac7);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-right:1px solid rgba(113,160,184,.32);box-shadow:inset -1px 0 #ffffffd6,8px 0 32px #5b91ad11}html[data-theme=light] .brand{border-bottom-color:var(--line-strong)}html[data-theme=light] .brand-mark{border-color:#bbd5e1;background:#fff;box-shadow:0 0 0 4px #ffffffc2,0 8px 22px #5791b026}html[data-theme=light] .brand h1{color:#27445b}html[data-theme=light] .brand-kicker{color:var(--text-muted)}html[data-theme=light] .nav-item{color:var(--text-secondary)}html[data-theme=light] .nav-item span{color:#638ba1}html[data-theme=light] .nav-item:hover{background:#a5d3e752;color:var(--primary-hover)}html[data-theme=light] .nav-item.is-active{border-left-color:var(--selected);background:linear-gradient(90deg,#8ec9e16b,#fcfeff57);color:#174d6b;box-shadow:inset 0 1px #ffffffe6}html[data-theme=light] .nav-item.is-active span{color:var(--primary)}html[data-theme=light] .sidebar-foot{color:var(--text-muted);border-color:var(--line)}html[data-theme=light] .server-pill{color:var(--text-secondary)}html[data-theme=light] .topbar{background:linear-gradient(180deg,#fcfeffcf,#f1f9fcc4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-color:var(--line-strong);box-shadow:0 10px 28px #4b7f9b13}html[data-theme=light] .topbar h2{color:#244359}html[data-theme=light] .eyebrow,html[data-theme=light] .section-kicker{color:#397e9d}html[data-theme=light] .clock{color:var(--text-secondary)}html[data-theme=light] .identity{color:var(--text-primary)}html[data-theme=light] .identity img{border-color:#a9c9d9;box-shadow:0 0 0 3px #ffffffc7}html[data-theme=light] .role-badge,html[data-theme=light] .badge{background:#e0f4fbbd;border-color:#a1c3d5;color:#275e7b}html[data-theme=light] .is-admin .role-badge{border-color:#79a8c1;color:#235b7b}html[data-theme=light] .ghost-btn,html[data-theme=light] .small-btn,html[data-theme=light] .chip,html[data-theme=light] .icon-btn,html[data-theme=light] .theme-toggle{background:#ffffffab;border-color:#a6c3d3;color:#2b526a;box-shadow:inset 0 1px #ffffffc7}html[data-theme=light] .ghost-btn:hover,html[data-theme=light] .small-btn:hover,html[data-theme=light] .chip:hover,html[data-theme=light] .icon-btn:hover,html[data-theme=light] .theme-toggle:hover{background:#e1f3fa;border-color:#6ca7c3;color:#155879;box-shadow:0 4px 15px #53a0c024}html[data-theme=light] .theme-icon{color:#277fa4}html[data-theme=light] .is-admin #adminBtn{color:#2b526a;border-color:#a6c3d3}html[data-theme=light] .operations-band,html[data-theme=light] .section-head{border-color:var(--line-strong)}html[data-theme=light] .source-note,html[data-theme=light] .section-note{color:var(--text-muted)}html[data-theme=light] .metric-row{border:1px solid rgba(112,159,184,.3);background:linear-gradient(135deg,#ffffffd1,#e7f4fbab);box-shadow:0 9px 31px #528eab17,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html[data-theme=light] .metric{border-color:#6093ae3b}html[data-theme=light] .metric strong{color:#22475e}html[data-theme=light] .metric span{color:#527286}html[data-theme=light] .fleet-card,html[data-theme=light] .panel,html[data-theme=light] .benefit-card{background:linear-gradient(145deg,#ffffffe0,#ebf6fcc2);border:1px solid rgba(114,157,182,.39);box-shadow:inset 0 1px #fffffff0,0 10px 30px #447b9816;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}html[data-theme=light] .fleet-card:before{background:#6aabc7}html[data-theme=light] .fleet-card:after{border-color:#598fab6e}html[data-theme=light] .fleet-card:hover,html[data-theme=light] .fleet-card:focus-within{border-color:#76afc8;box-shadow:0 15px 33px #4482a226,inset 0 1px #fff;transform:translateY(-2px)}html[data-theme=light] .fleet-card h4,html[data-theme=light] .fleet-detail h3{color:#203d54}html[data-theme=light] .vessel-cn{color:#317da2}html[data-theme=light] .vessel-class,html[data-theme=light] .fleet-class-note{color:var(--text-muted)}html[data-theme=light] .status{color:#436478}html[data-theme=light] .status-dot{background:#4997af;box-shadow:0 0 0 3px #51a6c629}html[data-theme=light] .status.exploring .status-dot,html[data-theme=light] .status.voyaging .status-dot{background:#2e87ae;box-shadow:0 0 0 3px #51a6c629}html[data-theme=light] .rank-row,html[data-theme=light] .card-parts span,html[data-theme=light] .fleet-card .mini-stats,html[data-theme=light] .stat-line{border-color:var(--line)}html[data-theme=light] .card-parts b,html[data-theme=light] .mini-stats b,html[data-theme=light] .stat-line b{color:#24475c}html[data-theme=light] .mini-stats span,html[data-theme=light] .fleet-card .mini-stats span{color:var(--text-muted)}html[data-theme=light] .fleet-detail .parts-list>div{border-left-color:#8ab9ce}html[data-theme=light] .parts-list strong{color:#24475c}html[data-theme=light] .benefit-row{border-color:var(--line)}html[data-theme=light] .benefit-row:hover{background:#dcf3fc59}html[data-theme=light] .benefit-ident strong,html[data-theme=light] .queue-amount{color:#28495f}html[data-theme=light] .queue-no{color:#618398}html[data-theme=light] .avatar{background:#e7f4f9;border-color:#adccdc;color:#345a70}html[data-theme=light] .item-icon{background:#ffffffc2;border-color:var(--line)}html[data-theme=light] .queue-status{background:#edf7fbc7;border-color:#a7c4d2;color:#466578}html[data-theme=light] .queue-status.status-exploring,html[data-theme=light] .queue-status.status-voyaging,html[data-theme=light] .queue-status.status-scheduled{background:#e3f4fb;border-color:#82b9d0;color:#276d8e}html[data-theme=light] .queue-status.status-completed{background:#e9f7f1;border-color:#85bdae;color:#236957}html[data-theme=light] .queue-status.status-partial{background:#fcf6e8;border-color:#cdb789;color:#79551f}html[data-theme=light] .queue-status.status-cancelled{background:#fbf0f2;border-color:#d3a3af;color:#934657}html[data-theme=light] .progress-track,html[data-theme=light] .bar-track,html[data-theme=light] .instrument-track{background:#6897ae30}html[data-theme=light] .progress-fill,html[data-theme=light] .bar-fill,html[data-theme=light] .instrument-track i{background:linear-gradient(90deg,#9fcde1,#3789ad)}html[data-theme=light] .benefit-table{border-color:var(--line-strong);background:linear-gradient(150deg,#ffffffdb,#eaf6fbc7)}html[data-theme=light] .text-btn{color:#236f92}html[data-theme=light] .text-btn:hover{color:#155172}html[data-theme=light] .map-board{color:#a6c3d3;border-color:#adcad9;background:radial-gradient(circle at 75% 19%,rgba(199,229,242,.82),transparent 44%),linear-gradient(150deg,#f8fcfe,#e5f2f8)}html[data-theme=light] .route-path{stroke:#428fb4;filter:drop-shadow(0 0 4px rgba(67,148,186,.36))}html[data-theme=light] .waypoint circle{fill:#f7fcfe;stroke:#4b98b9}html[data-theme=light] .waypoint.hot circle{fill:#e6f7ff;stroke:#286c8d;filter:drop-shadow(0 0 5px rgba(83,165,204,.26))}html[data-theme=light] .waypoint text{fill:#496b7c}html[data-theme=light] .map-caption{border-color:var(--line);color:var(--text-secondary)}html[data-theme=light] .map-caption strong{color:#294e64}html[data-theme=light] .chip.is-active{border-color:#589bb9;color:#1c6184;background:#dff2fa}html[data-theme=light] .planner-controls select,html[data-theme=light] .manage-controls select,html[data-theme=light] .modal-card input,html[data-theme=light] .modal-card select{background:#ffffffe0;border:1px solid #92b6c9;color:#25475d;box-shadow:inset 0 1px 3px #497f9e0f}html[data-theme=light] .planner-controls select:focus-visible,html[data-theme=light] .manage-controls select:focus-visible,html[data-theme=light] .modal-card input:focus-visible,html[data-theme=light] .modal-card select:focus-visible{outline:2px solid #3c8fb3;outline-offset:2px;border-color:#438eaf;box-shadow:0 0 0 4px #71bcda29}html[data-theme=light] .primary-btn{background:linear-gradient(180deg,#dff2fa,#c9e8f4);border:1px solid #76aec7;color:#1d5877;box-shadow:inset 0 1px #ffffffe0,0 5px 16px #4d91b21c}html[data-theme=light] .primary-btn:hover:not(:disabled){background:linear-gradient(180deg,#d5eff9,#b9dff0);border-color:#408bb0;color:#134e70;box-shadow:0 7px 19px #4593b430}html[data-theme=light] .primary-btn:active:not(:disabled){background:#acd8e9}html[data-theme=light] .planner-readout,html[data-theme=light] .route-option{border-color:var(--line)}html[data-theme=light] .planner-readout strong{color:#24465b}html[data-theme=light] .route-option.is-best{border-left-color:#5c9dbb}html[data-theme=light] .coverage-count strong,html[data-theme=light] .build-rec.is-best strong{color:#226a8e}html[data-theme=light] .route-tags span,html[data-theme=light] .build-stats span{background:#eaf6fb;border-color:#a9cbdc;color:#32586f}html[data-theme=light] .build-recs{background:#edf8fcb8;border-color:#b5d1df}html[data-theme=light] .management{border-top-color:#85b9d1}html[data-theme=light] .manage-row{border-color:var(--line)}html[data-theme=light] .manage-row:hover{background:#d9f1fa59}html[data-theme=light] .danger-btn{border-color:#c995a3;background:#fbecf0;color:#92384f}html[data-theme=light] .modal::backdrop{background:#28475f5c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}html[data-theme=light] .modal-card{background:linear-gradient(145deg,#fffffff7,#ebf6fbf5);border:1px solid #8fb4c8;border-top-color:#fff;color:var(--text-primary);box-shadow:0 27px 90px #325e7b40,inset 0 1px #fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}html[data-theme=light] .modal-head{border-color:var(--line-strong)}html[data-theme=light] .modal-card label{color:#405f72}html[data-theme=light] .loadout-footer{background:#f1f9fcf7;border-top-color:#a4c4d5;box-shadow:0 -13px 27px #4b84a21c}html[data-theme=light] .loadout-total strong,html[data-theme=light] .loadout-summary>strong{color:#246b8d}html[data-theme=light] .rank-control button,html[data-theme=light] .rank-control input{background:#f7fcfe;border-color:#9dbfd0;color:#284c62}html[data-theme=light] .rank-control button:hover{background:#e3f3fa;border-color:#639cb8}html[data-theme=light] .loadout-slot{border-color:var(--line)}html[data-theme=light] .loadout-slot h4{color:#27495f}html[data-theme=light] .part-group-label{color:var(--text-secondary)}html[data-theme=light] .part-divider{color:#2c7296}html[data-theme=light] .part-divider:after{background:#abcbdc}html[data-theme=light] .part-plate{background:linear-gradient(145deg,#ffffffe0,#e6f4fac7);border-color:#aecad9;color:#27495d;box-shadow:inset 0 1px #ffffffd9}html[data-theme=light] .part-plate:not(:disabled):hover{background:#e5f5fb;border-color:#6ca8c3;box-shadow:0 3px 12px #539bbb24}html[data-theme=light] .part-plate.is-selected{border-color:#2f86ad;background:#d9eff9;box-shadow:inset 0 0 0 1px #ffffffe0,0 0 0 2px #64b2d12b}html[data-theme=light] .part-plate.is-selected span{color:#206d92}html[data-theme=light] .part-plate.is-locked{opacity:.56;filter:saturate(.5);cursor:not-allowed}html[data-theme=light] .part-plate.is-locked:hover{border-color:#aecad9;box-shadow:none}html[data-theme=light] .capacity-track{background:#d7eaf3}html[data-theme=light] .capacity-track i{background:#4a9fbe}html[data-theme=light] .capacity-track.is-over i{background:#b45069}html[data-theme=light] .validation-line{color:#805922}html[data-theme=light] .loadout-error{border-color:#b6536a;background:#fff1f3;color:#81344a}html[data-theme=light] .admin-diagnostic code{color:#5d6d7b}html[data-theme=light] .app-message,html[data-theme=light] .auth-callback,html[data-theme=light] .empty,html[data-theme=light] .loading,html[data-theme=light] .toast{background:linear-gradient(145deg,#ffffffeb,#e8f6fbde);border:1px solid #a9c9d9;color:#25475c;box-shadow:inset 0 1px #fff,0 10px 25px #538fae17}html[data-theme=light] .app-message{border-left:3px solid #3d8fb3}html[data-theme=light] .app-message:before{color:#347e9e}html[data-theme=light] .app-message.error{border-left-color:#b2536b}html[data-theme=light] .app-message.error:before{color:#a4415a}html[data-theme=light] .app-message.unauthorized{border-left-color:#a57839}html[data-theme=light] .app-message.unauthorized:before{color:#8c6328}html[data-theme=light] .empty{border-style:dashed;color:#517387}html[data-theme=light] .empty:before{color:#478ead}html[data-theme=light] .loading{color:#3d6175}html[data-theme=light] .loading span{border-color:#3888a9;border-top-color:transparent}html[data-theme=light] .toast.is-bad{border-color:#bd7384;color:#873c4e}html[data-theme=light] .auth-callback{border-top:2px solid #75b3d0}html[data-theme=light] .auth-callback a{color:#176489}html[data-theme=light] .auth-callback p:not(.section-kicker){color:#486879}html[data-theme=light] :focus-visible,html[data-theme=light] .nav-item:focus-visible,html[data-theme=light] .icon-btn:focus-visible,html[data-theme=light] .small-btn:focus-visible,html[data-theme=light] .theme-toggle:focus-visible{outline:2px solid #21769f;outline-offset:3px}html[data-theme=light] button:disabled{opacity:.52;cursor:not-allowed}@media(max-width:760px){html[data-theme=light] .sidebar{background:#fafeffe6}html[data-theme=light] .nav-toggle{background:#ffffffba;border-color:#a6c4d4;color:#274c62}html[data-theme=light] .nav-item.is-active{border-left-color:#3986a8}}@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}