@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{--color-bg:#0a0a0c;--color-card:#111116;--color-border:#1e1e28;--color-text:#f0f0f4;--color-muted:#889;--color-subtle:#556;--color-primary:#00b4d8;--color-accent:#6366f1;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--topbar-h:52px;--col-nav:220px;--col-context:260px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"DM Mono", "Menlo", monospace;--shadow-card:0 1px 3px #00000080, 0 0 0 1px #ffffff08}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);height:100vh;color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5;overflow:hidden}a{color:inherit}button{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.02em}.cockpit-shell{grid-template-columns:var(--col-nav) 1fr var(--col-context);grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar topbar topbar""nav main ctx";height:100vh;display:grid;overflow:hidden}.cockpit-topbar{border-bottom:1px solid var(--color-border);background:var(--color-card);z-index:50;grid-area:topbar;align-items:center;gap:12px;padding:0 20px;display:flex}.cockpit-nav{border-right:1px solid var(--color-border);background:var(--color-card);flex-direction:column;grid-area:nav;gap:2px;padding:16px 10px;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-subtle);margin:0 0 8px;padding:0 8px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--color-border);color:var(--color-text)}.nav-item.active{color:var(--color-primary);background:#00b4d81a;font-weight:600}.cockpit-main{background:var(--color-bg);grid-area:main;padding:28px 32px;overflow-y:auto}.cockpit-context{border-left:1px solid var(--color-border);background:var(--color-card);flex-direction:column;grid-area:ctx;padding:16px;display:flex;overflow-y:auto}.btn-primary{background:var(--color-text);color:#0a0a0c;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-outline:hover{background:var(--color-border)}.badge{white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge-green{color:#34d399;background:#10b9811f}.badge-red{color:#f87171;background:#ef44441f}.badge-indigo{color:#818cf8;background:#6366f11f}.badge-muted{background:var(--color-border);color:var(--color-muted)}.badge-cyan{color:var(--color-primary);background:#00b4d81f}input,textarea,select{background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);background:#00b4d80a}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.03em;margin:0 0 3px;font-size:1.5rem;font-weight:800}.page-sub{color:var(--color-muted);margin:0;font-size:13px}.section-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:20px;padding:20px 24px}.section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-subtle);margin:0 0 16px;font-size:11px;font-weight:700}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.mono{font-family:var(--font-mono);font-size:12px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-subtle)}@media (width<=1100px){.cockpit-shell{grid-template-columns:var(--col-nav) 1fr;grid-template-areas:"topbar topbar""nav main"}.cockpit-context{display:none}}@media (width<=700px){.cockpit-shell{grid-template-columns:1fr;grid-template-areas:"topbar""main"}.cockpit-nav{display:none}.cockpit-main{padding:16px}}.tray-inner.svelte-1av5xul{flex-direction:column;gap:0;height:100%;display:flex;overflow-y:auto}.tray-section.svelte-1av5xul{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;padding:14px 12px;display:flex}.tray-section.svelte-1av5xul:last-child{border-bottom:none}.tray-label.svelte-1av5xul{text-transform:uppercase;letter-spacing:.08em;color:var(--color-subtle);margin:0 0 4px;font-size:10px;font-weight:700}.tray-skeleton.svelte-1av5xul{flex-direction:column;gap:6px;display:flex}.skeleton-line.svelte-1av5xul{background:var(--color-border);border-radius:4px;height:12px;animation:1.5s infinite svelte-1av5xul-pulse}.skeleton-line.short.svelte-1av5xul{width:60%}@keyframes svelte-1av5xul-pulse{0%,to{opacity:1}50%{opacity:.5}}.tray-empty.svelte-1av5xul{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.tray-empty-icon.svelte-1av5xul{color:var(--color-subtle);font-size:1.2rem}.tray-empty.svelte-1av5xul p:where(.svelte-1av5xul){color:var(--color-subtle);margin:0;font-size:12px;line-height:1.5}.task-list.svelte-1av5xul{flex-direction:column;gap:8px;display:flex}.task-item.svelte-1av5xul{background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;gap:8px;padding:8px;display:flex}.status-dot.svelte-1av5xul{flex-shrink:0;font-size:8px}.task-info.svelte-1av5xul{flex:1;min-width:0}.task-type.svelte-1av5xul{margin:0;font-size:12px;font-weight:600}.task-id.svelte-1av5xul{color:var(--color-muted);margin:0;font-family:monospace;font-size:10px}.task-time.svelte-1av5xul{color:var(--color-subtle);flex-shrink:0;font-size:11px}.fleet-item.svelte-1av5xul{align-items:center;gap:8px;font-size:13px;display:flex}.fleet-dot.svelte-1av5xul{border-radius:50%;flex-shrink:0;width:7px;height:7px}.fleet-dot.online.svelte-1av5xul{background:#10b981;box-shadow:0 0 0 2px #10b98133}.fleet-name.svelte-1av5xul{flex:1;font-weight:500}.fleet-port.svelte-1av5xul{color:var(--color-subtle);font-family:monospace;font-size:11px}.tray-link.svelte-1av5xul{color:var(--color-muted);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.tray-link.svelte-1av5xul:hover{background:var(--color-bg);color:var(--color-text)}.logo.svelte-12qhfyh{color:var(--color-text);flex-shrink:0;align-items:center;gap:6px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.logo-mark.svelte-12qhfyh{color:var(--color-primary);font-size:1.25rem}.logo-text.svelte-12qhfyh{letter-spacing:-.04em}.topbar-spacer.svelte-12qhfyh{flex:1}.icon-btn.svelte-12qhfyh{cursor:pointer;color:var(--color-muted);border-radius:var(--radius-md);background:0 0;border:none;padding:6px;transition:background .15s}.icon-btn.svelte-12qhfyh:hover{background:var(--color-bg)}.user-chip.svelte-12qhfyh{border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;background:var(--color-bg);align-items:center;gap:6px;padding:4px 10px;transition:background .15s;display:flex}.user-chip.svelte-12qhfyh:hover{background:var(--color-border)}.user-avatar.svelte-12qhfyh{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.user-name.svelte-12qhfyh{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.nav-spacer.svelte-12qhfyh{flex:1}.sign-out.svelte-12qhfyh{color:var(--color-muted);text-align:left;background:0 0;border:none;width:100%;font-family:inherit}