:root{--c-primary:#16a34a;--c-primary-light:#22c55e;--c-primary-dark:#15803d;--c-primary-soft:#f0fdf4;--c-secondary:#0369a1;--c-bg:#fff;--c-bg-subtle:#f7f9fb;--c-text:#0f172a;--c-text-muted:#5b6b7f;--c-text-faint:#94a3b8;--c-border:#e4e9f0;--c-border-weak:#eef2f6;--c-radius:10px;--c-radius-card:14px;--c-radius-full:999px;--c-section-gap:5.5rem;--c-fz-display:clamp(2rem, 4vw, 2.75rem);--c-fz-h2:clamp(1.5rem, 2.5vw, 1.875rem);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 2px 8px -2px #0f172a14, 0 1px 2px #0f172a0a;--shadow-xl:0 12px 32px -8px #0f172a24;--glass-bg:#ffffffeb;--glass-bg-solid:#fffffffc;--glass-border:1px solid var(--c-border);--transition-smooth:all .2s ease}@media (prefers-color-scheme:dark){:root{--c-primary:#22c55e;--c-primary-light:#4ade80;--c-primary-dark:#16a34a;--c-primary-soft:#0b2e1c;--c-secondary:#38bdf8;--c-bg:#0f172a;--c-bg-subtle:#151e31;--c-text:#f1f5f9;--c-text-muted:#94a3b8;--c-text-faint:#64748b;--c-border:#293548;--c-border-weak:#1e293b;--glass-bg:#151e31eb;--glass-bg-solid:#0f172afc;--glass-border:1px solid #293548;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 2px 8px -2px #00000073, 0 1px 2px #0000004d;--shadow-xl:0 12px 32px -8px #00000080}}.dark{--c-primary:#22c55e;--c-primary-light:#4ade80;--c-primary-dark:#16a34a;--c-primary-soft:#0b2e1c;--c-secondary:#38bdf8;--c-bg:#0f172a;--c-bg-subtle:#151e31;--c-text:#f1f5f9;--c-text-muted:#94a3b8;--c-text-faint:#64748b;--c-border:#293548;--c-border-weak:#1e293b;--glass-bg:#151e31eb;--glass-bg-solid:#0f172afc;--glass-border:1px solid #293548;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 2px 8px -2px #00000073, 0 1px 2px #0000004d;--shadow-xl:0 12px 32px -8px #00000080}.fleet-cockpit-container{--fleet-bg:#070a13;--fleet-header-bg:#0b1120e6;--fleet-panel-bg:#0f172ab3;--fleet-inset:#ffffff0a;--fleet-item-bg:#ffffff0a;--fleet-input-bg:#0000004d;--fleet-border-weak:#ffffff0f;--fleet-border:#ffffff1a;--fleet-border-strong:#ffffff24;--fleet-overlay:#fff3;--fleet-text:#f1f5f9;--fleet-text-dim:#ffffffb3;--fleet-text-faint:#fff6;--fleet-text-muted:#94a3b8;--fleet-text-soft:#cbd5e1;--fleet-alarm-tag-text:#fca5a5;--fleet-video-screen-bg:#000;--fleet-video-standby-bg:radial-gradient(circle at center, #0b1120 0%, #030712 100%)}.fleet-cockpit-container.fleet-light{--fleet-bg:#eef2f7;--fleet-header-bg:#ffffffeb;--fleet-panel-bg:#ffffffe0;--fleet-inset:#0f172a0a;--fleet-item-bg:#fff;--fleet-input-bg:#0f172a0f;--fleet-border-weak:#0f172a14;--fleet-border:#0f172a1f;--fleet-border-strong:#0f172a2e;--fleet-overlay:#0f172a14;--fleet-text:#0f172a;--fleet-text-dim:#0f172ab8;--fleet-text-faint:#0f172a73;--fleet-text-muted:#64748b;--fleet-text-soft:#475569;--fleet-alarm-tag-text:#b91c1c;--fleet-video-screen-bg:#dde4ee;--fleet-video-standby-bg:radial-gradient(circle at center, #f8fafc 0%, #e2e8f0 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}.glass-panel{background:var(--c-bg);border:var(--glass-border);box-shadow:var(--shadow-sm);border-radius:var(--c-radius-card)}.btn-primary{background:var(--c-primary);color:#fff;border-radius:var(--c-radius);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:.7rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--c-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.btn-fleet-link{color:var(--c-primary);border-radius:var(--c-radius);border:1.5px solid var(--c-primary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:.65rem 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-fleet-link:hover{background:var(--c-primary);color:#fff;transform:translateY(-1px)}.btn-fleet-link:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.btn-secondary{background:var(--c-bg);color:var(--c-text);border-radius:var(--c-radius);border:1px solid var(--c-border);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.7rem 1.5rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--c-bg-subtle);border-color:var(--c-primary);color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.page-header{text-align:center;background:var(--c-bg-subtle);border-bottom:1px solid var(--c-border-weak);padding:4rem 0 3rem}.page-header h1{font-size:var(--c-fz-display);letter-spacing:-.02em;color:var(--c-text);margin-bottom:.75rem;font-weight:700}.page-header p{color:var(--c-text-muted);font-size:1.125rem}@media (width<=768px){.page-header{padding:2.5rem 0 2rem}.page-header h1{font-size:1.75rem}.page-header p{padding:0 1rem;font-size:1rem}}:root{--a-bg:#f1f5f9;--a-surface:#fff;--a-surface-alt:#f8fafc;--a-border:#e2e8f0;--a-border-weak:#eef1f5;--a-text:#0f172a;--a-text-muted:#64748b;--a-text-faint:#94a3b8;--a-primary:#10b981;--a-primary-strong:#059669;--a-primary-deep:#047857;--a-primary-soft:#ecfdf5;--a-primary-border:#a7f3d0;--a-success:#047857;--a-success-bg:#ecfdf5;--a-success-bd:#a7f3d0;--a-warning:#b45309;--a-warning-bg:#fffbeb;--a-warning-bd:#fde68a;--a-danger:#b91c1c;--a-danger-bg:#fef2f2;--a-danger-bd:#fecaca;--a-info:#0369a1;--a-info-bg:#eff6ff;--a-info-bd:#bfdbfe;--a-sidebar-bg:#0f172a;--a-sidebar-border:#ffffff12;--a-sidebar-text:#94a3b8;--a-sidebar-text-active:#6ee7b7;--a-sidebar-active-bg:#10b98124;--a-sidebar-group:#475569;--a-radius:12px;--a-radius-sm:8px;--a-shadow-sm:0 1px 2px 0 #0f172a0d;--a-shadow-md:0 4px 12px -2px #0f172a14, 0 2px 4px -2px #0f172a0f;--a-shadow-lg:0 12px 32px -8px #0f172a29;--a-sp-1:4px;--a-sp-2:8px;--a-sp-3:12px;--a-sp-4:16px;--a-sp-5:20px;--a-sp-6:24px;--a-fz-xs:11px;--a-fz-sm:12px;--a-fz-md:13px;--a-fz-lg:16px;--a-fz-xl:20px}.admin-dark{--a-bg:#0b1120;--a-surface:#111a2c;--a-surface-alt:#16203a;--a-border:#273249;--a-border-weak:#1d2740;--a-text:#e6ebf4;--a-text-muted:#94a3b8;--a-text-faint:#64748b;--a-primary-soft:#10b9811f;--a-primary-border:#10b98159;--a-success:#34d399;--a-success-bg:#10b9811f;--a-success-bd:#10b98159;--a-warning:#fbbf24;--a-warning-bg:#f59e0b1f;--a-warning-bd:#f59e0b59;--a-danger:#f87171;--a-danger-bg:#ef44441f;--a-danger-bd:#ef444459;--a-info:#38bdf8;--a-info-bg:#0ea5e91f;--a-info-bd:#0ea5e959;--a-shadow-sm:0 1px 2px 0 #0006;--a-shadow-md:0 4px 12px -2px #00000073;--a-shadow-lg:0 12px 32px -8px #0000008c}.a-badge{font-size:var(--a-fz-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;line-height:1;display:inline-flex}.a-badge.success{background:var(--a-success-bg);color:var(--a-success);border:1px solid var(--a-success-bd)}.a-badge.warning{background:var(--a-warning-bg);color:var(--a-warning);border:1px solid var(--a-warning-bd)}.a-badge.danger{background:var(--a-danger-bg);color:var(--a-danger);border:1px solid var(--a-danger-bd)}.a-badge.info{background:var(--a-info-bg);color:var(--a-info);border:1px solid var(--a-info-bd)}.a-badge.neutral{background:var(--a-surface-alt);color:var(--a-text-muted);border:1px solid var(--a-border)}.a-btn{font-size:var(--a-fz-md);border-radius:var(--a-radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.a-btn:focus-visible{outline:2px solid var(--a-primary);outline-offset:2px}.a-btn:active{transform:translateY(1px)}.a-btn.primary{background:var(--a-primary-strong);color:#fff}.a-btn.primary:hover{background:var(--a-primary-deep);box-shadow:0 4px 12px #05966959}.a-btn.ghost{background:var(--a-surface);color:var(--a-text);border-color:var(--a-border)}.a-btn.ghost:hover{border-color:var(--a-primary);color:var(--a-primary-deep)}.a-btn.soft{background:var(--a-primary-soft);color:var(--a-primary-deep);border-color:var(--a-primary-border)}.a-btn.soft:hover{background:var(--a-primary-border)}.a-btn.danger-ghost{background:var(--a-surface);color:var(--a-danger);border-color:var(--a-border)}.a-btn.danger-ghost:hover{background:var(--a-danger-bg);border-color:var(--a-danger-bd)}.a-btn.sm{font-size:var(--a-fz-sm);padding:5px 12px}.a-btn-text{color:var(--a-primary-strong);cursor:pointer;font-weight:600;font-size:var(--a-fz-md);background:0 0;border:none;border-radius:4px;padding:2px 4px}.a-btn-text:hover{color:var(--a-primary-deep);background:var(--a-primary-soft)}.a-btn-text.danger{color:var(--a-danger)}.a-btn-text.danger:hover{background:var(--a-danger-bg);color:var(--a-danger)}.a-btn-text:focus-visible{outline:2px solid var(--a-primary);outline-offset:1px}.a-btn-text:disabled{color:var(--a-text-muted);opacity:.5;cursor:not-allowed}.a-btn-text:disabled:hover,.a-btn-text.danger:disabled:hover{color:var(--a-text-muted);background:0 0}@keyframes a-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.a-skeleton{background:var(--a-border);border-radius:4px;animation:1.4s ease-in-out infinite a-skeleton-pulse}@media (prefers-reduced-motion:reduce){.a-skeleton{animation:none}.a-btn,.a-btn-text{transition:none}}.a-card{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);padding:var(--a-sp-5)}.a-form-title{font-size:var(--a-fz-lg);color:var(--a-text);margin:0;font-weight:700}.a-form{gap:var(--a-sp-5);flex-direction:column;display:flex}.a-form-group{flex-direction:column;gap:6px;display:flex}.a-form-group>label{font-weight:600;font-size:var(--a-fz-md);color:var(--a-text)}.a-input,.a-textarea,.a-select{border:1px solid var(--a-border);border-radius:var(--a-radius-sm);background:var(--a-surface);width:100%;color:var(--a-text);font-size:var(--a-fz-md);box-sizing:border-box;outline:none;padding:8px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.a-input:focus,.a-textarea:focus,.a-select:focus{border-color:var(--a-primary);box-shadow:0 0 0 3px #10b98126}.a-input:disabled,.a-textarea:disabled,.a-select:disabled{background:var(--a-surface-alt);color:var(--a-text-muted);cursor:not-allowed}.a-textarea{resize:vertical}.a-form-actions{gap:var(--a-sp-3);justify-content:flex-end;display:flex}.a-form-check{font-size:var(--a-fz-md);color:var(--a-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.a-form-check input{width:auto}.a-upload{background:var(--a-surface);border:1px dashed var(--a-border);border-radius:var(--a-radius-sm);color:var(--a-text-muted);font-size:var(--a-fz-md);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;transition:border-color .15s,color .15s;display:inline-flex}.a-upload:hover{border-color:var(--a-primary);color:var(--a-primary-deep)}.a-banner{gap:var(--a-sp-2);border-radius:var(--a-radius-sm);font-size:var(--a-fz-md);align-items:baseline;padding:10px 14px;line-height:1.6;display:flex}.a-banner.info{background:var(--a-info-bg);color:var(--a-info);border:1px solid var(--a-info-bd)}.a-banner.warn{background:var(--a-warning-bg);color:var(--a-warning);border:1px solid var(--a-warning-bd)}.admin-layout ::-webkit-scrollbar{width:8px;height:8px}.admin-layout ::-webkit-scrollbar-thumb{background:var(--a-border);border-radius:4px}.admin-layout ::-webkit-scrollbar-thumb:hover{background:var(--a-text-faint)}.admin-layout ::-webkit-scrollbar-track{background:0 0}