:root{--bg:#0b1020;--background:#0b1020;--glass-1:rgba(255,255,255,0.06);--glass-2:rgba(255,255,255,0.04);--accent:#7dd3fc;--muted:#9aa4b2}#root,body,html{height:100%}body{margin:0;background:radial-gradient(800px 400px at 10% 10%,rgba(125,211,252,.06),transparent),linear-gradient(180deg,#071021,#05060a);color:#e6eef8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased}body,p{font-size:16px}p{line-height:1.6}.container{display:flex;gap:20px;padding:24px;height:100vh;box-sizing:border-box}.glass{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);border-radius:12px}.sidebar{width:auto;min-width:70px;max-width:280px;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;transition:all .35s cubic-bezier(.34,1.56,.64,1)}@media (min-width:900px){html.preview-sidebar-hover .sidebar{width:64px;padding:10px 6px;transition:width .2s ease,padding .12s ease;overflow:visible;min-width:64px}html.preview-sidebar-hover .sidebar .brand div,html.preview-sidebar-hover .sidebar .module-item .label,html.preview-sidebar-hover .sidebar .module-item svg{display:none}html.preview-sidebar-hover .sidebar .module-item{justify-content:center;padding-left:6px;padding-right:6px}html.preview-sidebar-hover .sidebar:hover{width:260px;padding:18px}html.preview-sidebar-hover .sidebar .module-item img{width:32px;height:32px;border-radius:50%;object-fit:cover}html.preview-sidebar-hover .sidebar:hover .module-item img{width:36px;height:36px}html.preview-sidebar-hover .sidebar .module-item:hover{background:transparent;padding-left:6px;padding-right:6px}}.sidebar::-webkit-scrollbar{display:none}.main{flex:1 1;padding:18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.main::-webkit-scrollbar{display:none}.topbar{height:64px;justify-content:space-between;padding:0 20px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand img{height:36px}.module-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.module-item{display:flex;align-items:center;gap:12px;padding:10px;cursor:pointer;border-radius:10px}.module-item img{height:36px;width:36px;object-fit:cover;border-radius:8px}.module-item:hover{background:rgba(255,255,255,.02)}.module-item.active{background:linear-gradient(90deg,rgba(125,211,252,.06),rgba(125,211,252,.02));box-shadow:0 4px 18px rgba(125,211,252,.06)}.card{padding:18px;border-radius:14px;margin-bottom:24px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px}.chat-messages{flex:1 1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-input{display:flex;gap:8px;padding:10px}.msg{padding:10px;border-radius:12px;max-width:80%}.msg.user{align-self:flex-end;background:linear-gradient(90deg,#1f2937,#111418)}.msg.agent{align-self:flex-start;background:linear-gradient(90deg,rgba(125,211,252,.08),rgba(125,211,252,.03))}.btn-primary{padding:8px 16px;background:var(--accent);color:#032033;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#5fc3f0;box-shadow:0 4px 12px rgba(125,211,252,.3)}.btn-secondary{padding:8px 16px;background:rgba(255,255,255,.05);color:var(--accent);border:1px solid rgba(125,211,252,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:rgba(125,211,252,.1)}.tab,.tab-active{padding:10px 20px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;border:none;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#e6eef8;background:rgba(255,255,255,.02)}.tab-active{color:var(--accent);border-bottom-color:var(--accent)}.search-input{padding:10px 16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;font-size:14px;width:300px;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.04)}.search-input::placeholder{color:var(--muted)}.vessel-table{width:100%;border-collapse:collapse}.vessel-table th{text-align:left;padding:12px;border-bottom:2px solid rgba(255,255,255,.1);color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vessel-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.vessel-table tbody tr{transition:background .2s}.vessel-table tbody tr:hover{background:rgba(125,211,252,.05)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-active{background:rgba(16,185,129,.15);color:#10b981}.status-idle{background:rgba(245,158,11,.15);color:#f59e0b}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes radarSweep{0%{transform:rotate(0deg);opacity:.3}50%{opacity:.15}to{transform:rotate(1turn);opacity:.3}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes radarPulse{0%{opacity:.3;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.military-overlay{filter:hue-rotate(90deg) saturate(2) brightness(.7);mix-blend-mode:screen}.terminal-scroll{scrollbar-width:none;-ms-overflow-style:none}.terminal-scroll::-webkit-scrollbar{width:0;height:0;display:none}img.rounded-logo{border-radius:50%;object-fit:cover}.card{animation:fadeIn .3s ease-out}:root{--scrollbar-track:rgba(255,255,255,0.02);--scrollbar-thumb:rgba(125,211,252,0.12);--scrollbar-thumb-hover:rgba(125,211,252,0.20)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb),var(--scrollbar-thumb-hover));border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.main::-webkit-scrollbar-thumb{background:rgba(125,211,252,.14)}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06)}.chat-messages::-webkit-scrollbar-thumb{background:rgba(125,211,252,.12)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@supports (-webkit-touch-callout:none){::-webkit-scrollbar{width:8px;height:8px}}.chat-messages,.main,.sidebar{scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar,.main::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:0;height:0}.chat-messages:focus-within::-webkit-scrollbar,.chat-messages:hover::-webkit-scrollbar,.main:focus-within::-webkit-scrollbar,.main:hover::-webkit-scrollbar,.sidebar:focus-within::-webkit-scrollbar,.sidebar:hover::-webkit-scrollbar{width:8px;height:8px}.chat-messages:focus-within,.chat-messages:hover,.main:focus-within,.main:hover,.sidebar:focus-within,.sidebar:hover{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.chat-messages:hover::-webkit-scrollbar-thumb,.main:hover::-webkit-scrollbar-thumb,.sidebar:hover::-webkit-scrollbar-thumb{background:rgba(125,211,252,.14)}body.phoenix-immersive-fullscreen,html.phoenix-immersive-fullscreen{height:100vh!important;width:100vw!important;overflow:hidden!important}body.phoenix-immersive-fullscreen .main,html.phoenix-immersive-fullscreen .main{height:calc(100vh - 64px)!important;overflow:auto!important}body.phoenix-immersive-fullscreen .brand,body.phoenix-immersive-fullscreen .chat-floating,body.phoenix-immersive-fullscreen .sidebar,body.phoenix-immersive-fullscreen .topbar,html.phoenix-immersive-fullscreen .brand,html.phoenix-immersive-fullscreen .chat-floating,html.phoenix-immersive-fullscreen .sidebar,html.phoenix-immersive-fullscreen .topbar{display:none!important}html.phoenix-immersive-fullscreen .main{width:calc(100vw - 0px)!important;margin-left:0!important;padding:18px!important}body.phoenix-immersive-fullscreen .main,html.phoenix-immersive-fullscreen .main{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;height:calc(100svh - 64px)!important;min-height:calc(100dvh - 64px)!important}#phoenix-fullscreen-overlay{z-index:99999}