:root{--fz-black:#000;--fz-white:#fff;--fz-green:#a3d669;--fz-blue:#00a3ff;--fz-mineral:#395a47;--fz-gray:#eee;--fz-surface:#101214;--fz-surface-alt:#1a1d20;--fz-surface-elevated:#23272b;--fz-field-bg:#15181b;--fz-text:#eef0f2;--fz-text-muted:#9aa0a6;--fz-accent:var(--fz-green);--fz-data:var(--fz-blue);--fz-border:#2c3035;--fz-danger:#ff6b5e;--login-error-bg:#fff5f5;--login-error-border:#fc8181;--login-error-text:#9b2c2c;--fz-font-heading:"Neue Haas Grotesk Display", "Helvetica Neue", Arial, sans-serif;--fz-font-body:"Lexend", "Open Sans", Calibri, sans-serif;--fz-radius:6px}*{box-sizing:border-box}body{background:var(--fz-surface);color:var(--fz-text);font-family:var(--fz-font-body);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0;font-size:16px;line-height:1.55}h1,h2,h3,h4{font-family:var(--fz-font-heading);margin:0 0 .5em;font-weight:700;line-height:1.2}a{color:var(--fz-green)}a:hover{color:var(--fz-white)}.app-header{background:var(--fz-black);color:var(--fz-white);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.app-header .brand{font-family:var(--fz-font-heading);letter-spacing:.04em;color:var(--fz-white);align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.app-header .brand-mark{filter:brightness(0)invert();width:auto;height:24px}.app-header .brand .accent{color:var(--fz-green)}.app-nav{flex:1;gap:1rem;display:flex}.app-nav a{color:var(--fz-white);opacity:.8;font-weight:600;text-decoration:none}.app-nav a.active,.app-nav a:hover{opacity:1;color:var(--fz-green)}.app-user{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.app-main{max-width:1080px;margin:0 auto;padding:2rem 1.5rem}.btn{font-family:var(--fz-font-heading);color:var(--fz-black);background:var(--fz-accent);border-radius:var(--fz-radius);cursor:pointer;border:none;padding:.55rem 1.1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-block}.btn:hover{filter:brightness(.92)}.btn--data{background:var(--fz-data);color:var(--fz-white)}.btn--ghost{border:1px solid var(--fz-border);color:var(--fz-text);background:0 0}.btn--ghost:hover{filter:none;background:#ffffff12}.btn--danger{border:1px solid var(--fz-danger);color:var(--fz-danger);background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--fz-font-body);border:1px solid var(--fz-border);border-radius:var(--fz-radius);background:var(--fz-field-bg);color:var(--fz-text);width:100%;padding:.5rem .65rem;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--fz-accent);outline:none}input[type=checkbox],input[type=radio]{width:auto}label{color:var(--fz-text-muted);margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:block}.field{margin-bottom:1rem}.card{background:var(--fz-surface-alt);border:1px solid var(--fz-border);border-radius:var(--fz-radius);padding:1.25rem 1.5rem}.toolbar{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}table.data{border-collapse:collapse;background:var(--fz-surface-alt);width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--fz-border);padding:.6rem .75rem}table.data th{font-family:var(--fz-font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--fz-text-muted);font-size:.8rem}table.data tr:hover td{background:var(--fz-surface-elevated)}.muted{color:var(--fz-text-muted)}.error{color:var(--fz-danger);font-size:.9rem}.center-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.vstatus{align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;display:inline-flex}.vstatus-dot{background:currentColor;border-radius:50%;width:9px;height:9px;display:inline-block}.vstatus--online{color:var(--fz-green)}.vstatus--offline{color:var(--fz-text-muted)}.vessel-row{cursor:pointer}.vrow-name{align-items:center;gap:.5rem;display:inline-flex}.vrow-chevron{color:var(--fz-text-muted);font-size:.8rem;transition:transform .15s;display:inline-block}.vrow-chevron--open{transform:rotate(90deg)}.vessel-detail>td{background:var(--fz-surface-elevated)}.vessel-detail dl.vdetail{grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:0;padding:.25rem .4rem;display:grid}.vessel-detail dl.vdetail dt{font-family:var(--fz-font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--fz-text-muted);font-size:.78rem}.vessel-detail dl.vdetail dd{margin:0}.checklist{border:1px solid var(--fz-border);border-radius:var(--fz-radius);background:var(--fz-field-bg);flex-direction:column;gap:.4rem;max-height:240px;padding:.7rem .85rem;display:flex;overflow:auto}.check{text-transform:none;color:var(--fz-text);align-items:center;gap:.5rem;margin:0;font-weight:400;display:flex}.login-page{background:var(--fz-black);min-height:100vh}.login-overlay{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--fz-white);width:100%;max-width:380px;color:var(--fz-black);border-radius:var(--fz-radius);flex-direction:column;padding:2.5rem 2rem;display:flex;box-shadow:0 20px 50px #00000073}.login-brand{text-align:center;margin-bottom:1.75rem}.login-mark{font-family:var(--fz-font-heading);letter-spacing:.04em;color:var(--fz-black);font-size:1.9rem;font-weight:700}.login-mark span{color:var(--fz-mineral)}.login-tagline{color:#555;text-transform:uppercase;letter-spacing:2px;margin:.3rem 0 0;font-size:.78rem}.login-card label{font-family:var(--fz-font-heading);text-transform:uppercase;letter-spacing:.5px;color:#555;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.login-card input{border:1px solid var(--fz-border-light,#d8d8d8);border-radius:var(--fz-radius);background:var(--fz-white);width:100%;color:var(--fz-black);margin-bottom:1.1rem;padding:.7rem .8rem;font-size:1rem}.login-card input:focus{border-color:var(--fz-green);outline:none;box-shadow:0 0 0 3px #a3d66959}.login-submit{font-family:var(--fz-font-heading);color:var(--fz-black);background:var(--fz-green);border-radius:var(--fz-radius);cursor:pointer;border:none;padding:.8rem;font-size:1rem;font-weight:700;transition:filter .15s}.login-submit:hover{filter:brightness(.92)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-card .flash{background:var(--login-error-bg);border:1px solid var(--login-error-border);color:var(--login-error-text);border-radius:var(--fz-radius);margin-bottom:1.25rem;padding:.6rem .8rem;font-size:.9rem}.login-footer{color:#ffffffb3;text-align:center;margin-top:1.5rem;font-size:.8rem}