:root{--fog: #f6f9fc;--card: #ffffff;--deep: #0a2540;--muted: #425466;--faint: #8898aa;--line: #e6ebf1;--indigo-tint: #eeedff;--indigo-deep: #4f46e5;--shadow-tone: 50, 60, 93;--indigo: #635bff;--on-accent: #ffffff;--ink-dark: #0a2540;--indigo-gradient-end: #4f46e5;--cyan: #00d4ff;--green: #24b47e;--red: #df1b41;--radius-card: 12px;--radius-pill: 999px;--shadow-card: 0 6px 14px rgba(var(--shadow-tone), .08), 0 2px 6px rgba(var(--shadow-tone), .05);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}:root[data-theme=dark]{--fog: #0b1220;--card: #151e2e;--deep: #e8edf5;--muted: #9fb0c3;--faint: #7c8da6;--line: #2a3850;--indigo-tint: #2c2a5c;--indigo-deep: #b4afff;--shadow-tone: 5, 7, 12;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=system]{--fog: #0b1220;--card: #151e2e;--deep: #e8edf5;--muted: #9fb0c3;--faint: #7c8da6;--line: #2a3850;--indigo-tint: #2c2a5c;--indigo-deep: #b4afff;--shadow-tone: 5, 7, 12;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--fog);color:var(--deep);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 6px}h1.display{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0}.muted{color:var(--muted)}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:700;border-radius:var(--radius-pill);padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--indigo),var(--indigo-gradient-end));color:var(--on-accent);box-shadow:0 6px 16px #635bff59}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost{background:transparent;color:var(--muted)}.btn-outline{background:var(--card);color:var(--deep);box-shadow:inset 0 0 0 1px var(--line)}.btn-outline:disabled{color:var(--faint);cursor:not-allowed}.btn-block{width:100%}.field{display:grid;gap:6px;margin:14px 0}.field label{font-size:12.5px;font-weight:600;color:var(--muted)}.field input,.field select{font:inherit;font-size:15px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--deep)}.field input:focus,.field select:focus{outline:2px solid var(--indigo);outline-offset:1px}.error-text{color:var(--red);font-size:13px;margin:8px 0 0}.note{font-size:12.5px;color:var(--faint)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}.pill-plan{background:var(--indigo-tint);color:var(--indigo-deep)}.pill-sync{background:var(--card);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.dot.ok{background:var(--green)}.dot.err{background:var(--red)}.dot.busy{background:var(--indigo)}.pill-red{background:var(--red);color:var(--on-accent)}.pill-tint{background:var(--indigo-tint);color:var(--indigo-deep)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login-card{width:100%;max-width:400px;padding:28px 24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--indigo),var(--cyan));display:grid;place-items:center;color:var(--on-accent)}.divider{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.page{max-width:960px;margin:0 auto;padding:28px 16px 48px}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.org-block{margin-top:22px}.org-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.org-head h2{font-size:18px;font-weight:800;margin:0}.boat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.boat-card{display:block;text-decoration:none;color:inherit;transition:transform .12s ease}.boat-card:hover{transform:translateY(-2px)}.boat-card .name{font-weight:800;font-size:17px}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--card);box-shadow:1px 0 0 var(--line);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{padding:0 8px 14px}.boat-switch{display:block;margin:0 4px 12px;padding:10px 12px;border-radius:10px;background:var(--fog);text-decoration:none;color:inherit}.boat-switch .name{font-weight:700}.nav{display:grid;gap:2px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:500}.nav a:hover{background:var(--fog)}.nav a.active{background:var(--indigo-tint);color:var(--indigo-deep);font-weight:700}.nav svg{width:18px;height:18px;flex:none}.main{min-width:0}.main-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:26px 28px 6px}.main-body{padding:16px 28px 48px;max-width:980px}.list{display:grid;gap:10px}.row{display:flex;align-items:center;gap:12px}.row .badge-icon{width:36px;height:36px;border-radius:10px;background:var(--indigo-tint);color:var(--indigo-deep);display:grid;place-items:center;flex:none}.row .title{font-weight:600}.row .sub{color:var(--muted);font-size:12.5px}.row .end{margin-left:auto;text-align:right}.empty{text-align:center;color:var(--muted);padding:36px 16px}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stat .value{font-size:30px;font-weight:800;letter-spacing:-.02em}.hero{background:var(--ink-dark);color:var(--on-accent);border-radius:var(--radius-card);padding:18px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.hero:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--indigo),var(--cyan),#ff5996,#ffb199)}.hero .eyebrow{color:#a3b3c2;margin-top:6px}.hero .big{font-size:34px;font-weight:800;background:linear-gradient(90deg,#ffffff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.section-title{margin:22px 0 10px}.kv{display:grid;grid-template-columns:1fr auto;gap:10px 16px}.kv>:nth-child(odd){color:var(--muted)}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;box-shadow:0 1px 0 var(--line)}.nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.main-head,.main-body{padding-left:16px;padding-right:16px}}