:root,[data-scts-theme=dark]{--scts-bg-0: oklch(.16 .018 210);--scts-bg-1: oklch(.19 .018 210);--scts-bg-2: oklch(.22 .018 210);--scts-bg-3: oklch(.26 .018 210);--scts-bg-elev: oklch(.24 .022 205 / .72);--scts-bg-grad-card: linear-gradient(180deg, oklch(.22 .018 210 / .7), oklch(.19 .018 210 / .7));--scts-bg-glass: oklch(.15 .02 210 / .72);--scts-input-bg: oklch(.13 .02 210 / .7);--scts-fg: oklch(.97 .006 200);--scts-fg-dim: oklch(.78 .012 200);--scts-fg-mute: oklch(.58 .014 210);--scts-fg-faint: oklch(.42 .014 210);--scts-fg-inv: oklch(.18 .02 210);--scts-border: oklch(1 0 0 / .08);--scts-border-strong: oklch(1 0 0 / .14);--scts-border-focus: oklch(.78 .15 165 / .55);--scts-accent: oklch(.78 .15 165);--scts-accent-hi: oklch(.86 .14 165);--scts-accent-lo: oklch(.62 .14 165);--scts-accent-soft: oklch(.78 .15 165 / .12);--scts-accent-glow: oklch(.78 .15 165 / .35);--scts-accent-ic-bg: oklch(.78 .15 165 / .14);--scts-accent-ic-br: oklch(.78 .15 165 / .25);--scts-accent-fg-on: oklch(.16 .04 165);--scts-hover: oklch(1 0 0 / .04);--scts-hover-strong: oklch(1 0 0 / .08);--scts-kbd-bg: oklch(1 0 0 / .06);--scts-amb-1: radial-gradient(ellipse at 15% -10%, oklch(.55 .14 165 / .14), transparent 45%);--scts-amb-2: radial-gradient(ellipse at 95% 110%, oklch(.38 .1 230 / .18), transparent 50%);--scts-info: oklch(.74 .13 235);--scts-info-hi: oklch(.82 .12 235);--scts-success: oklch(.78 .15 165);--scts-warn: oklch(.82 .14 75);--scts-warn-hi: oklch(.88 .13 75);--scts-danger: oklch(.7 .18 25);--scts-danger-hi: oklch(.82 .16 25);--scts-lilac: oklch(.74 .13 295);--scts-lilac-hi:oklch(.82 .12 295);--scts-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--scts-font-display: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--scts-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--scts-t-display: 56px;--scts-t-title-1: 40px;--scts-t-title-2: 26px;--scts-t-title-3: 20px;--scts-t-body: 15px;--scts-t-caption: 12px;--scts-t-micro: 11px;--scts-lh-normal: 1.45;--scts-ls-display: -.028em;--scts-ls-title: -.02em;--scts-ls-body: -.006em;--scts-ls-caps: .08em;--scts-r-sm: 8px;--scts-r-md: 12px;--scts-r-lg: 16px;--scts-r-xl: 22px;--scts-r-2xl: 28px;--scts-r-pill: 999px;--scts-shadow-sm: 0 1px 2px oklch(0 0 0 / .35);--scts-shadow-md: 0 8px 24px -8px oklch(0 0 0 / .5), 0 2px 6px oklch(0 0 0 / .25);--scts-shadow-lg: 0 24px 60px -18px oklch(0 0 0 / .65), 0 6px 16px oklch(0 0 0 / .3);--scts-ease: cubic-bezier(.22, 1, .36, 1);--scts-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--scts-d-fast: .14s;--scts-d: .24s;--scts-d-slow: .42s;--scts-blur-sm: 8px;--scts-blur-md: 20px}[data-scts-theme=light]{--scts-bg-0: oklch(.985 .004 200);--scts-bg-1: oklch(.97 .005 200);--scts-bg-2: oklch(1 0 0);--scts-bg-3: oklch(.94 .006 200);--scts-bg-elev: oklch(1 0 0 / .72);--scts-bg-grad-card: linear-gradient(180deg, oklch(1 0 0), oklch(.985 .004 200));--scts-bg-glass: oklch(.98 .004 200 / .72);--scts-input-bg: oklch(.96 .005 200);--scts-fg: oklch(.22 .02 210);--scts-fg-dim: oklch(.38 .016 210);--scts-fg-mute: oklch(.52 .014 210);--scts-fg-faint: oklch(.62 .012 210);--scts-fg-inv: oklch(1 0 0);--scts-border: oklch(.22 .02 210 / .1);--scts-border-strong: oklch(.22 .02 210 / .18);--scts-accent: oklch(.56 .13 165);--scts-accent-hi: oklch(.48 .14 165);--scts-accent-lo: oklch(.68 .13 165);--scts-accent-soft: oklch(.56 .13 165 / .1);--scts-accent-glow: oklch(.56 .13 165 / .25);--scts-accent-ic-bg: oklch(.56 .13 165 / .1);--scts-accent-ic-br: oklch(.56 .13 165 / .22);--scts-accent-fg-on: oklch(1 0 0);--scts-hover: oklch(.22 .02 210 / .04);--scts-hover-strong: oklch(.22 .02 210 / .08);--scts-kbd-bg: oklch(.22 .02 210 / .05);--scts-amb-1: radial-gradient(ellipse at 15% -10%, oklch(.78 .12 165 / .1), transparent 45%);--scts-amb-2: radial-gradient(ellipse at 95% 110%, oklch(.74 .1 235 / .08), transparent 50%);--scts-info: oklch(.52 .15 235);--scts-info-hi: oklch(.44 .16 235);--scts-warn: oklch(.62 .14 55);--scts-warn-hi: oklch(.54 .15 55);--scts-danger: oklch(.56 .18 25);--scts-danger-hi:oklch(.48 .2 25);--scts-lilac: oklch(.56 .15 295);--scts-lilac-hi:oklch(.48 .16 295);--scts-shadow-sm: 0 1px 2px oklch(.22 .02 210 / .06);--scts-shadow-md: 0 8px 24px -10px oklch(.22 .02 210 / .12), 0 2px 6px oklch(.22 .02 210 / .05);--scts-shadow-lg: 0 24px 60px -20px oklch(.22 .02 210 / .18), 0 6px 16px oklch(.22 .02 210 / .08)}.scts,.scts *{box-sizing:border-box}.scts{font-family:var(--scts-font-sans);color:var(--scts-fg);font-size:var(--scts-t-body);line-height:var(--scts-lh-normal);letter-spacing:var(--scts-ls-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.scts button,.scts input{font:inherit;color:inherit}.scts :focus-visible{outline:2px solid var(--scts-border-focus);outline-offset:2px;border-radius:6px}.login-root{position:relative;width:100%;height:100%;min-height:760px;overflow:hidden;background:var(--scts-bg-0);isolation:isolate;display:flex;flex-direction:column}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.login-bg-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(to right,var(--scts-border) 1px,transparent 1px),linear-gradient(to bottom,var(--scts-border) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 10%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 40%,black 10%,transparent 80%)}.login-bg-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.55;animation:login-float 14s ease-in-out infinite}.login-bg-glow--1{top:-200px;left:-120px;width:620px;height:620px;background:radial-gradient(circle,var(--scts-accent-glow),transparent 65%)}.login-bg-glow--2{bottom:-260px;right:-160px;width:720px;height:720px;background:radial-gradient(circle,oklch(from var(--scts-info) l c h / .3),transparent 65%);animation-delay:-6s}[data-scts-theme=light] .login-bg-glow{opacity:.4}.login-bg-noise{display:none}@keyframes login-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.06)}}.login-chrome{display:flex;justify-content:space-between;align-items:center;padding:20px 48px;font-size:var(--scts-t-caption);color:var(--scts-fg-mute)}.login-chrome__left,.login-chrome__right{display:flex;align-items:center;gap:10px}.login-chrome__wordmark{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--scts-fg)}.login-chrome__divider{width:1px;height:12px;background:var(--scts-border-strong)}.login-chrome__meta,.login-chrome__time{font-variant-numeric:tabular-nums}.login-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.login-mark svg{width:65%;height:65%}.login-dot{width:6px;height:6px;border-radius:50%;background:var(--scts-accent);box-shadow:0 0 10px var(--scts-accent-glow);display:inline-block;animation:login-pulse 2.4s ease-in-out infinite}.login-dot--sm{width:5px;height:5px}@keyframes login-pulse{0%,to{opacity:1}50%{opacity:.5}}.login-main{flex:1;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;padding:20px 88px 60px;max-width:1440px;width:100%;margin:0 auto}.login-hero{animation:login-rise .8s var(--scts-ease) both}@keyframes login-rise{0%{transform:translateY(12px)}to{transform:translateY(0)}}.login-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--scts-t-caption);font-weight:500;letter-spacing:.04em;color:var(--scts-accent-hi);padding:6px 12px;border-radius:var(--scts-r-pill);background:var(--scts-accent-soft);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br);margin-bottom:28px}.login-hero__eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--scts-accent-hi);box-shadow:0 0 8px var(--scts-accent-glow)}.login-hero__title{font-family:var(--scts-font-display);font-size:var(--scts-t-display);font-weight:600;line-height:1.02;letter-spacing:var(--scts-ls-display);margin:0 0 24px;color:var(--scts-fg)}.login-hero__title-accent{background:linear-gradient(120deg,var(--scts-accent-hi),var(--scts-info-hi));-webkit-background-clip:text;background-clip:text;color:transparent}.login-hero__sub{font-size:17px;line-height:1.55;color:var(--scts-fg-dim);max-width:480px;margin:0 0 36px;text-wrap:pretty}.login-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:6px;max-width:460px}.login-feature{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--scts-r-md);background:var(--scts-hover);box-shadow:inset 0 0 0 1px var(--scts-border);color:var(--scts-fg-dim);font-size:var(--scts-t-body);font-weight:450;cursor:default;transition:all var(--scts-d) var(--scts-ease);animation:login-feature-in .6s var(--scts-ease) both}@keyframes login-feature-in{0%{transform:translate(-6px)}to{transform:translate(0)}}.login-feature:hover{background:var(--scts-hover-strong);box-shadow:inset 0 0 0 1px var(--scts-border-strong);color:var(--scts-fg);transform:translate(2px)}.login-feature__ic{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.login-feature__ic svg{width:16px;height:16px}.login-feature__chev{color:var(--scts-fg-faint);transform:translate(-4px);opacity:0;transition:all var(--scts-d) var(--scts-ease)}.login-feature__chev svg{width:14px;height:14px}.login-feature:hover .login-feature__chev{transform:translate(0);opacity:1;color:var(--scts-accent-hi)}.login-certs{display:flex;flex-wrap:wrap;gap:8px}.login-cert{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--scts-r-pill);background:var(--scts-accent-soft);color:var(--scts-accent-hi);font-size:var(--scts-t-caption);font-weight:500;box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.login-cert__dot{width:5px;height:5px;border-radius:50%;background:var(--scts-accent-hi)}.login-auth{display:flex;flex-direction:column;align-items:stretch;gap:20px;animation:login-rise .8s var(--scts-ease) .12s both}.login-card{position:relative;padding:32px;border-radius:var(--scts-r-2xl);background:var(--scts-bg-grad-card);-webkit-backdrop-filter:blur(var(--scts-blur-md)) saturate(1.3);backdrop-filter:blur(var(--scts-blur-md)) saturate(1.3);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px var(--scts-border),var(--scts-shadow-lg);display:flex;flex-direction:column;gap:18px}.login-card__head{display:flex;align-items:flex-start;gap:14px;padding-bottom:6px}.login-card__badge{width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br),0 4px 14px -6px var(--scts-accent-glow)}.login-card__badge svg{width:18px;height:18px}.login-card__title{font-size:20px;font-weight:600;letter-spacing:var(--scts-ls-title);margin:0;color:var(--scts-fg)}.login-card__sub{font-size:13px;color:var(--scts-fg-mute);margin:2px 0 0}.login-field{display:flex;flex-direction:column;gap:7px}.login-field__label{font-size:11px;font-weight:600;letter-spacing:var(--scts-ls-caps);text-transform:uppercase;color:var(--scts-fg-mute)}.login-field__box{position:relative;display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border-radius:var(--scts-r-md);background:var(--scts-input-bg);box-shadow:inset 0 0 0 1px var(--scts-border);transition:box-shadow var(--scts-d) var(--scts-ease),background var(--scts-d) var(--scts-ease)}.login-field.is-focused .login-field__box{box-shadow:inset 0 0 0 1.5px var(--scts-accent),0 0 0 4px var(--scts-accent-soft)}.login-field__ic{display:inline-flex;color:var(--scts-fg-faint);transition:color var(--scts-d)}.login-field__ic svg{width:16px;height:16px}.login-field.is-focused .login-field__ic{color:var(--scts-accent-hi)}.login-field input{flex:1;background:transparent;border:none;outline:none;color:var(--scts-fg);font-size:15px}.login-field input::placeholder{color:var(--scts-fg-faint)}.login-eye{background:transparent;border:none;padding:6px;border-radius:6px;color:var(--scts-fg-mute);cursor:pointer;display:inline-flex;transition:all var(--scts-d)}.login-eye:hover{color:var(--scts-fg);background:var(--scts-hover)}.login-eye svg{width:16px;height:16px}.login-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.login-check{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--scts-fg-dim);-webkit-user-select:none;user-select:none}.login-check input{position:absolute;opacity:0;pointer-events:none}.login-check__box{width:16px;height:16px;border-radius:5px;background:var(--scts-input-bg);box-shadow:inset 0 0 0 1px var(--scts-border-strong);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all var(--scts-d)}.login-check__box svg{width:11px;height:11px}.login-check input:checked~.login-check__box{background:var(--scts-accent);color:var(--scts-accent-fg-on);box-shadow:inset 0 0 0 1px var(--scts-accent)}.login-link{color:var(--scts-accent-hi);text-decoration:none;font-weight:500;transition:color var(--scts-d)}.login-link:hover{color:var(--scts-fg)}.login-submit{position:relative;height:50px;border-radius:var(--scts-r-md);border:none;cursor:pointer;background:var(--scts-accent);color:var(--scts-accent-fg-on);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -8px var(--scts-accent-glow);transition:transform var(--scts-d) var(--scts-ease-spring),filter var(--scts-d)}.login-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit__arrow{display:inline-flex;transition:transform var(--scts-d)}.login-submit__arrow svg{width:16px;height:16px}.login-submit:hover:not(:disabled) .login-submit__arrow{transform:translate(3px)}.login-submit__shine{position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .3),transparent);transform:skew(-18deg);animation:login-shine 3.6s ease-in-out infinite;pointer-events:none}@keyframes login-shine{0%,40%{left:-100%}60%{left:140%}to{left:140%}}.login-card__foot{padding-top:10px;border-top:1px solid var(--scts-border);display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--scts-fg-mute);margin-top:2px}.login-card__foot-row{display:flex;align-items:center;gap:8px}.login-card__foot-row--mute{color:var(--scts-fg-faint)}.login-foot-legal{text-align:center;font-size:11px;color:var(--scts-fg-faint);margin:0}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--scts-r-md);background:oklch(from var(--scts-danger) l c h / .1);border:1px solid oklch(from var(--scts-danger) l c h / .25);color:var(--scts-danger-hi);font-size:13px}.login-error svg{width:14px;height:14px;flex-shrink:0}.login-sync-msg{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--scts-r-md);background:var(--scts-accent-soft);border:1px solid var(--scts-accent-ic-br);color:var(--scts-accent-hi);font-size:13px}.login-sync-msg svg{width:14px;height:14px;flex-shrink:0;animation:spin 1s linear infinite}.login-offline-msg{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--scts-r-md);background:oklch(from var(--scts-warn) l c h / .1);border:1px solid oklch(from var(--scts-warn) l c h / .25);color:var(--scts-warn-hi);font-size:13px}.login-offline-msg svg{width:14px;height:14px;flex-shrink:0}@media (max-width: 900px){.login-main{grid-template-columns:1fr;padding:20px 24px 40px;gap:32px}.login-hero{display:none}.login-chrome{padding:16px 24px}}@media (prefers-reduced-motion: reduce){.login-hero,.login-auth,.login-feature{animation:none;transform:none}}.dash-root{width:100vw;height:100vh;display:grid;grid-template-columns:244px 1fr;background:var(--scts-bg-0);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.dash-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scts-amb-1),var(--scts-amb-2);pointer-events:none;z-index:0}.dash-root>*{position:relative;z-index:1}.dash-side{display:flex;flex-direction:column;gap:16px;padding:22px 12px;background:var(--scts-bg-glass);-webkit-backdrop-filter:blur(var(--scts-blur-md));backdrop-filter:blur(var(--scts-blur-md));border-right:1px solid var(--scts-border);overflow-y:auto;scrollbar-width:none}.dash-side::-webkit-scrollbar{display:none}.dash-side__brand{display:flex;align-items:center;gap:10px;padding:2px 8px 10px}.dash-side__mark{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-side__mark svg{width:16px;height:16px}.dash-side__wordmark{font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--scts-fg)}.dash-side__version{font-size:10.5px;color:var(--scts-fg-faint);letter-spacing:.04em}.dash-nav{display:flex;flex-direction:column;gap:14px;flex:1}.dash-nav__group{display:flex;flex-direction:column;gap:2px}.dash-nav__title{font-size:10.5px;font-weight:600;letter-spacing:var(--scts-ls-caps);text-transform:uppercase;color:var(--scts-fg-faint);padding:4px 10px 2px}.dash-nav__item{position:relative;display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;border:none;background:transparent;color:var(--scts-fg-dim);font-size:13px;font-weight:450;letter-spacing:var(--scts-ls-body);cursor:pointer;text-align:left;width:100%;transition:all var(--scts-d) var(--scts-ease)}.dash-nav__item:hover{background:var(--scts-hover);color:var(--scts-fg)}.dash-nav__item.is-active{background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi)}.dash-nav__active{position:absolute;left:0;top:50%;width:3px;height:18px;background:var(--scts-accent);border-radius:0 3px 3px 0;transform:translateY(-50%);box-shadow:0 0 10px var(--scts-accent-glow)}.dash-nav__item.is-danger:hover{color:var(--scts-danger)}.dash-nav__ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.9;flex-shrink:0}.dash-nav__ic svg{width:100%;height:100%}.dash-nav__label{flex:1}.dash-nav__badge{font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:var(--scts-r-pill);background:oklch(from var(--scts-danger) l c h / .18);color:var(--scts-danger-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-danger) l c h / .3)}.dash-nav__pro{font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:4px;background:oklch(from var(--scts-warn) l c h / .15);color:var(--scts-warn-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-warn) l c h / .25);flex-shrink:0}.dash-nav__lock{display:inline-flex;opacity:.5;flex-shrink:0}.dash-nav__lock svg{width:10px;height:10px}.dash-side__foot{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--scts-border)}.dash-user{display:flex;align-items:center;gap:10px;padding:10px;margin-top:8px;border-radius:10px;background:var(--scts-hover);box-shadow:inset 0 0 0 1px var(--scts-border)}.dash-user__avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--scts-accent),var(--scts-info));color:var(--scts-fg-inv);font-size:12px;font-weight:700;flex-shrink:0}.dash-user__info{flex:1;min-width:0}.dash-user__name{font-size:12px;font-weight:600;color:var(--scts-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user__role{font-size:10.5px;color:var(--scts-fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-tag{font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 5px;border-radius:4px;flex-shrink:0}.dash-tag--admin{background:var(--scts-accent-soft);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-tag--sup{background:oklch(from var(--scts-info) l c h / .14);color:var(--scts-info-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-info) l c h / .25)}.dash-tag--opr{background:oklch(from var(--scts-warn) l c h / .14);color:var(--scts-warn-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-warn) l c h / .25)}.dash-support{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-top:4px;border-radius:var(--scts-r-sm);border:1px solid var(--scts-border);background:var(--scts-hover);text-decoration:none;transition:all var(--scts-d) var(--scts-ease)}.dash-support:hover{background:var(--scts-hover-strong);border-color:var(--scts-border-strong)}.dash-support__ic{display:inline-flex;color:var(--scts-accent-hi);flex-shrink:0}.dash-support__ic svg{width:13px;height:13px}.dash-support__body{display:flex;flex-direction:column;line-height:1.25}.dash-support__label{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--scts-accent-hi);text-transform:uppercase}.dash-support__email{font-size:11px;color:var(--scts-fg-dim);font-weight:500}.dash-version{font-size:10px;color:var(--scts-fg-faint);padding:4px 10px;display:flex;align-items:center;gap:5px}.dash-version svg{width:9px;height:9px}.dash-main{display:flex;flex-direction:column;overflow:hidden}.dash-cmdbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:12px 28px;background:var(--scts-bg-glass);-webkit-backdrop-filter:blur(var(--scts-blur-md)) saturate(1.3);backdrop-filter:blur(var(--scts-blur-md)) saturate(1.3);border-bottom:1px solid var(--scts-border);flex-shrink:0}.dash-cmdbar__crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--scts-fg-mute)}.dash-cmdbar__cur{color:var(--scts-fg);font-weight:500}.dash-cmdbar__sep,.dash-cmdbar__sep-dot{opacity:.5}.dash-cmdbar__sep svg{width:12px;height:12px}.dash-cmdbar__sep-dot{width:3px;height:3px;border-radius:50%;background:var(--scts-fg-faint)}.dash-cmdbar__center{display:flex;justify-content:center}.dash-cmdbar__search{display:flex;align-items:center;gap:10px;width:100%;max-width:480px;height:36px;padding:0 12px;border-radius:10px;background:var(--scts-input-bg);box-shadow:inset 0 0 0 1px var(--scts-border);color:var(--scts-fg-mute);transition:box-shadow var(--scts-d) var(--scts-ease)}.dash-cmdbar__search:focus-within{box-shadow:inset 0 0 0 1.5px var(--scts-accent),0 0 0 3px var(--scts-accent-soft)}.dash-cmdbar__search svg{width:14px;height:14px}.dash-cmdbar__search input{flex:1;background:transparent;border:none;outline:none;color:var(--scts-fg);font-size:13px}.dash-cmdbar__search input::placeholder{color:var(--scts-fg-faint)}.dash-cmdbar__search kbd{font-family:var(--scts-font-mono);font-size:10px;padding:2px 6px;border-radius:4px;background:var(--scts-kbd-bg);color:var(--scts-fg-faint);box-shadow:inset 0 0 0 1px var(--scts-border)}.dash-cmdbar__right{display:flex;align-items:center;gap:8px}.dash-status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--scts-r-pill);background:var(--scts-accent-soft);color:var(--scts-accent-hi);font-size:12px;font-weight:500;box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-status-pill__dot{width:6px;height:6px;border-radius:50%;background:var(--scts-accent-hi);box-shadow:0 0 8px var(--scts-accent-glow);animation:dash-pulse 2.4s ease-in-out infinite}@keyframes dash-pulse{0%,to{opacity:1}50%{opacity:.5}}.dash-status-pill__meta{font-family:var(--scts-font-mono);font-size:11px;color:var(--scts-fg-mute)}.dash-icobtn{position:relative;width:34px;height:34px;border-radius:10px;border:none;background:var(--scts-hover);box-shadow:inset 0 0 0 1px var(--scts-border);color:var(--scts-fg-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--scts-d) var(--scts-ease)}.dash-icobtn:hover{background:var(--scts-hover-strong);color:var(--scts-fg)}.dash-icobtn svg{width:16px;height:16px}.dash-icobtn__dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--scts-danger);box-shadow:0 0 0 2px var(--scts-bg-0)}.dash-profile{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:var(--scts-r-pill);background:var(--scts-hover);box-shadow:inset 0 0 0 1px var(--scts-border);cursor:pointer;transition:all var(--scts-d) var(--scts-ease)}.dash-profile:hover{background:var(--scts-hover-strong)}.dash-profile__avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--scts-accent),var(--scts-info));color:var(--scts-fg-inv);font-size:11px;font-weight:700}.dash-profile__info{display:flex;flex-direction:column;line-height:1.15}.dash-profile__name{font-size:12.5px;font-weight:500;color:var(--scts-fg)}.dash-profile__role{font-size:10px;color:var(--scts-fg-faint)}.dash-profile svg{width:12px;height:12px;color:var(--scts-fg-faint)}.dash-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:16px 28px 28px}.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 0 4px}.dash-hero__greet{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:var(--scts-ls-caps);text-transform:uppercase;color:var(--scts-accent-hi);margin-bottom:10px}.dash-hero__greet-dot{width:6px;height:6px;border-radius:50%;background:var(--scts-accent-hi);box-shadow:0 0 10px var(--scts-accent-glow)}.dash-hero__title{font-family:var(--scts-font-display);font-size:40px;font-weight:600;letter-spacing:-.025em;line-height:1.08;color:var(--scts-fg);margin:0;text-wrap:balance}.dash-hero__title-sub{color:var(--scts-fg-mute);font-weight:500}.dash-hero__meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--scts-fg-mute);margin-top:12px;flex-wrap:wrap}.dash-hero__meta>span{display:inline-flex;align-items:center;gap:6px}.dash-hero__meta svg{width:13px;height:13px;opacity:.75}.dash-hero__sep{width:3px!important;height:3px;border-radius:50%;background:var(--scts-fg-faint)}.dash-hero__right{display:flex;gap:8px;align-items:center}.dash-segment{display:inline-flex;padding:3px;border-radius:10px;background:var(--scts-input-bg);box-shadow:inset 0 0 0 1px var(--scts-border)}.dash-segment__opt{padding:5px 12px;border-radius:7px;border:none;background:transparent;color:var(--scts-fg-mute);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--scts-d) var(--scts-ease)}.dash-segment__opt:hover{color:var(--scts-fg)}.dash-segment__opt.is-on{background:var(--scts-bg-2);color:var(--scts-fg);box-shadow:inset 0 0 0 1px var(--scts-border-strong),0 1px 2px #0003}.dash-select-wrap{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 14px;border-radius:10px;background:var(--scts-input-bg);box-shadow:inset 0 0 0 1px var(--scts-border);color:var(--scts-fg-mute);font-size:12.5px;font-weight:500;cursor:pointer;transition:box-shadow var(--scts-d) var(--scts-ease),background var(--scts-d) var(--scts-ease),color var(--scts-d) var(--scts-ease);-webkit-backdrop-filter:blur(var(--scts-blur-sm));backdrop-filter:blur(var(--scts-blur-sm))}.dash-select-wrap:hover{background:var(--scts-bg-2);color:var(--scts-fg);box-shadow:inset 0 0 0 1px var(--scts-border-strong)}.dash-select-wrap:focus-within{box-shadow:inset 0 0 0 1px var(--scts-accent-hi),0 0 0 3px var(--scts-accent-ic-bg);color:var(--scts-fg)}.dash-select-wrap>svg{width:14px;height:14px;opacity:.85;flex-shrink:0}.dash-select{border:none;outline:none;background:transparent;color:inherit;font:inherit;padding:0 4px;margin:0;cursor:pointer;min-width:150px}.dash-select option{background:var(--scts-bg-1);color:var(--scts-fg)}.dash-filter-stack{display:inline-flex;flex-direction:column;align-items:flex-end;gap:6px}.dash-daterange{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:var(--scts-input-bg);box-shadow:inset 0 0 0 1px var(--scts-border);-webkit-backdrop-filter:blur(var(--scts-blur-sm));backdrop-filter:blur(var(--scts-blur-sm));animation:dash-slide-in .18s var(--scts-ease)}.dash-daterange__sep{color:var(--scts-fg-faint);font-size:12px}.dash-date-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;outline:none;background:transparent;color:var(--scts-fg);font:inherit;font-size:12px;padding:4px 6px;border-radius:6px;cursor:pointer}.dash-date-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer;opacity:.7}.dash-date-input:hover{background:var(--scts-bg-2)}.dash-date-input:focus{background:var(--scts-bg-2);box-shadow:0 0 0 2px var(--scts-accent-ic-bg)}@keyframes dash-slide-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.dash-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:var(--scts-ls-body);transition:all var(--scts-d) var(--scts-ease)}.dash-btn svg{width:14px;height:14px}.dash-btn--ghost{background:var(--scts-hover);color:var(--scts-fg-dim);box-shadow:inset 0 0 0 1px var(--scts-border)}.dash-btn--ghost:hover{background:var(--scts-hover-strong);color:var(--scts-fg)}.dash-btn--primary{background:var(--scts-accent);color:var(--scts-accent-fg-on);font-weight:600;box-shadow:inset 0 1px #ffffff40,0 6px 16px -6px var(--scts-accent-glow)}.dash-btn--primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.dash-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.dash-kpi{position:relative;padding:16px 16px 14px;border-radius:var(--scts-r-lg);background:var(--scts-bg-grad-card);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px var(--scts-border);overflow:hidden;cursor:default;transition:transform var(--scts-d) var(--scts-ease),box-shadow var(--scts-d) var(--scts-ease);animation:dash-rise .6s var(--scts-ease) both}@keyframes dash-rise{0%{transform:translateY(10px)}to{transform:translateY(0)}}.dash-kpi:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px var(--scts-border-strong),var(--scts-shadow-md)}.dash-kpi__glow{position:absolute;top:-40%;right:-40%;width:80%;height:80%;border-radius:50%;filter:blur(40px);background:var(--scts-accent-soft);pointer-events:none;opacity:0;transition:opacity var(--scts-d)}.dash-kpi:hover .dash-kpi__glow{opacity:1}.dash-kpi__row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.dash-kpi__ic{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.dash-kpi__ic svg{width:14px;height:14px}.dash-kpi__ic--accent{background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-kpi__ic--info{background:oklch(from var(--scts-info) l c h / .14);color:var(--scts-info-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-info) l c h / .25)}.dash-kpi__ic--lilac{background:oklch(from var(--scts-lilac) l c h / .14);color:var(--scts-lilac-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-lilac) l c h / .25)}.dash-kpi__ic--warn{background:oklch(from var(--scts-warn) l c h / .14);color:var(--scts-warn-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-warn) l c h / .25)}.dash-kpi__ic--danger{background:oklch(from var(--scts-danger) l c h / .14);color:var(--scts-danger-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-danger) l c h / .25)}.dash-kpi__label{flex:1;font-size:10.5px;font-weight:600;letter-spacing:var(--scts-ls-caps);text-transform:uppercase;color:var(--scts-fg-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-kpi__delta{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:var(--scts-r-pill);font-variant-numeric:tabular-nums}.dash-kpi__delta svg{width:11px;height:11px}.dash-kpi__delta--up{background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi)}.dash-kpi__delta--down{background:oklch(from var(--scts-danger) l c h / .14);color:var(--scts-danger-hi)}.dash-kpi__delta--flat{background:var(--scts-hover);color:var(--scts-fg-mute)}.dash-kpi__value{font-family:var(--scts-font-display);font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1;color:var(--scts-fg);font-variant-numeric:tabular-nums}.dash-kpi__sub{font-size:11.5px;color:var(--scts-fg-faint);margin-top:6px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-panel{background:var(--scts-bg-grad-card);-webkit-backdrop-filter:blur(var(--scts-blur-sm));backdrop-filter:blur(var(--scts-blur-sm));border-radius:var(--scts-r-lg);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px var(--scts-border);overflow:hidden;display:flex;flex-direction:column}.dash-panel.is-wide{grid-column:span 2}.dash-panel__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--scts-border)}.dash-panel__title{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--scts-fg)}.dash-panel__ic{display:inline-flex;color:var(--scts-accent-hi)}.dash-panel__ic svg{width:15px;height:15px}.dash-panel__action{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;color:var(--scts-fg-mute);font-size:12px;font-weight:500;padding:4px 6px;border-radius:6px;transition:all var(--scts-d)}.dash-panel__action:hover{color:var(--scts-accent-hi);background:var(--scts-hover)}.dash-panel__action svg{width:11px;height:11px}.dash-panel__body{flex:1;padding:16px}.dash-chart{display:flex;flex-direction:column;gap:10px}.dash-chart__legend{display:flex;gap:16px;font-size:12px;color:var(--scts-fg-mute);align-items:center}.dash-chart__legend span{display:inline-flex;align-items:center;gap:6px}.dash-chart__legend b{color:var(--scts-fg);font-family:var(--scts-font-display);font-weight:600;font-variant-numeric:tabular-nums;margin-left:4px}.dash-chart__legend-right{margin-left:auto;color:var(--scts-fg-faint)!important;font-size:11px!important}.dash-legend-dot{width:8px;height:8px;border-radius:2px}.dash-legend-dot--in{background:var(--scts-accent)}.dash-legend-dot--out{background:var(--scts-info)}.dash-legend-dot--pend{background:var(--scts-warn)}.dash-chart__svg{width:100%;height:180px;display:block}.dash-chart__axis{display:flex;justify-content:space-between;font-size:10px;color:var(--scts-fg-faint);font-family:var(--scts-font-mono);padding:0 4px}.dash-status-list{display:flex;flex-direction:column;gap:14px}.dash-status-row{display:flex;flex-direction:column;gap:5px}.dash-status-row__head{display:flex;justify-content:space-between;align-items:baseline}.dash-status-row__label{font-size:12.5px;color:var(--scts-fg-dim)}.dash-status-row__value{font-family:var(--scts-font-display);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.dash-status-row__value--accent{color:var(--scts-accent-hi)}.dash-status-row__value--warn{color:var(--scts-warn-hi)}.dash-status-row__bar{height:3px;border-radius:999px;background:var(--scts-hover);overflow:hidden}.dash-status-row__fill{display:block;height:100%;border-radius:inherit;transition:width var(--scts-d-slow) var(--scts-ease)}.dash-status-row__fill--accent{background:var(--scts-accent)}.dash-status-row__fill--warn{background:var(--scts-warn)}.dash-status-row__sub{font-size:11px;color:var(--scts-fg-faint);margin-top:2px}.dash-fleet{display:flex;flex-direction:column;margin:-8px -4px}.dash-fleet__head{display:grid;grid-template-columns:2.4fr 1fr 1.2fr 1fr 1fr .3fr;gap:12px;padding:6px 12px;font-size:10.5px;font-weight:600;letter-spacing:var(--scts-ls-caps);text-transform:uppercase;color:var(--scts-fg-faint)}.dash-fleet__row{display:grid;grid-template-columns:2.4fr 1fr 1.2fr 1fr 1fr .3fr;gap:12px;padding:12px;border-radius:10px;align-items:center;font-size:13px;color:var(--scts-fg-dim);cursor:pointer;transition:background var(--scts-d)}.dash-fleet__row:hover{background:var(--scts-hover)}.dash-fleet__name{display:inline-flex;align-items:center;gap:10px}.dash-fleet__icwrap{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:oklch(from var(--scts-info) l c h / .12);color:var(--scts-info-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-info) l c h / .22)}.dash-fleet__icwrap svg{width:14px;height:14px}.dash-fleet__t{color:var(--scts-fg);font-weight:500}.dash-fleet__imo{font-family:var(--scts-font-mono);font-size:12px;color:var(--scts-fg-mute)}.dash-fleet__pob{display:flex;flex-direction:column;gap:4px}.dash-fleet__pob-num{font-size:12.5px;color:var(--scts-fg-mute)}.dash-fleet__pob-num b{font-family:var(--scts-font-display);font-size:14px;font-weight:600;color:var(--scts-fg);font-variant-numeric:tabular-nums}.dash-fleet__pob-bar{height:3px;border-radius:999px;background:var(--scts-hover);overflow:hidden}.dash-fleet__pob-bar span{display:block;height:100%;background:var(--scts-accent)}.dash-fleet__eta{font-size:12px;color:var(--scts-fg-mute);font-variant-numeric:tabular-nums}.dash-fleet__arrow{color:var(--scts-fg-faint);display:inline-flex;justify-content:flex-end}.dash-fleet__arrow svg{width:14px;height:14px}.dash-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:4px 9px;border-radius:var(--scts-r-pill);width:fit-content}.dash-chip__dot{width:6px;height:6px;border-radius:50%}.dash-chip--accent{background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-chip--accent .dash-chip__dot{background:var(--scts-accent-hi);box-shadow:0 0 6px var(--scts-accent-glow)}.dash-chip--info{background:oklch(from var(--scts-info) l c h / .12);color:var(--scts-info-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-info) l c h / .22)}.dash-chip--info .dash-chip__dot{background:var(--scts-info-hi)}.dash-chip--warn{background:oklch(from var(--scts-warn) l c h / .12);color:var(--scts-warn-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-warn) l c h / .22)}.dash-chip--warn .dash-chip__dot{background:var(--scts-warn-hi)}.dash-chip--mute{background:var(--scts-hover);color:var(--scts-fg-mute);box-shadow:inset 0 0 0 1px var(--scts-border)}.dash-chip--mute .dash-chip__dot{background:var(--scts-fg-mute)}.dash-activity{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.dash-activity__item{display:grid;grid-template-columns:44px 32px 1fr;gap:10px;align-items:center;padding:8px;border-radius:8px;transition:background var(--scts-d)}.dash-activity__item:hover{background:var(--scts-hover)}.dash-activity__time{font-family:var(--scts-font-mono);font-size:11px;color:var(--scts-fg-faint);font-variant-numeric:tabular-nums}.dash-activity__ic{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.dash-activity__ic svg{width:13px;height:13px}.dash-activity__ic--in{background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-activity__ic--out{background:oklch(from var(--scts-info) l c h / .14);color:var(--scts-info-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-info) l c h / .22)}.dash-activity__ic--file{background:oklch(from var(--scts-lilac) l c h / .14);color:var(--scts-lilac-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-lilac) l c h / .22)}.dash-activity__ic--alert{background:oklch(from var(--scts-warn) l c h / .14);color:var(--scts-warn-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-warn) l c h / .22)}.dash-activity__body{display:flex;flex-direction:column;line-height:1.3}.dash-activity__who{font-size:12.5px;font-weight:500;color:var(--scts-fg)}.dash-activity__ctx{font-size:11.5px;color:var(--scts-fg-faint)}.dash-quick{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dash-quick__item{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background var(--scts-d) var(--scts-ease);border:none;background:transparent;text-align:left;width:100%}.dash-quick__item:hover{background:var(--scts-hover)}.dash-quick__ic{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.dash-quick__ic svg{width:15px;height:15px}.dash-quick__ic--accent{background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-quick__ic--info{background:oklch(from var(--scts-info) l c h / .14);color:var(--scts-info-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-info) l c h / .22)}.dash-quick__ic--success{background:var(--scts-accent-ic-bg);color:var(--scts-accent-hi);box-shadow:inset 0 0 0 1px var(--scts-accent-ic-br)}.dash-quick__ic--lilac{background:oklch(from var(--scts-lilac) l c h / .14);color:var(--scts-lilac-hi);box-shadow:inset 0 0 0 1px oklch(from var(--scts-lilac) l c h / .22)}.dash-quick__body{display:flex;flex-direction:column;line-height:1.25}.dash-quick__title{font-size:13px;font-weight:500;color:var(--scts-fg)}.dash-quick__sub{font-size:11.5px;color:var(--scts-fg-faint);margin-top:1px}.dash-quick__kbd{font-family:var(--scts-font-mono);font-size:10px;padding:2px 7px;border-radius:5px;background:var(--scts-kbd-bg);color:var(--scts-fg-mute);box-shadow:inset 0 0 0 1px var(--scts-border)}.dash-quick__arrow{color:var(--scts-fg-faint);opacity:0;transform:translate(-4px);transition:all var(--scts-d) var(--scts-ease)}.dash-quick__arrow svg{width:14px;height:14px}.dash-quick__item:hover .dash-quick__arrow{opacity:1;transform:translate(0);color:var(--scts-accent-hi)}.dash-page-slot{flex:1;overflow-y:auto;background:var(--bg, var(--scts-bg-0));padding:24px 32px}.dash-page-slot .page{display:none}.dash-page-slot>*{min-height:0}@media (prefers-reduced-motion: reduce){.dash-kpi{animation:none;transform:none}}.dash-import-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dash-import-stat{background:var(--scts-bg-1, rgba(127,127,127,.04));border:1px solid var(--scts-border, rgba(127,127,127,.18));border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.dash-import-stat__value{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--scts-fg, var(--text, #111))}.dash-import-stat__label{font-size:11px;font-weight:600;color:var(--scts-fg-mute, var(--text-2, #6b7280));text-transform:uppercase;letter-spacing:.06em}.dash-port-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.dash-port-count{border-radius:10px;padding:10px 8px;text-align:center;border:1px solid transparent}.dash-port-count__value{font-size:20px;font-weight:800;line-height:1}.dash-port-count__label{margin-top:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.dash-port-count--blue{background:#3b82f61a;color:#3b82f6;border-color:#3b82f638}.dash-port-count--green{background:#22c55e1a;color:#16a34a;border-color:#22c55e38}.dash-port-count--amber{background:#f59e0b1a;color:#d97706;border-color:#f59e0b38}.dash-port-count--gray{background:#7f7f7f14;color:var(--scts-fg-mute, #6b7280);border-color:#7f7f7f2e}.dash-port-list{display:flex;flex-direction:column;gap:6px}.dash-port-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;background:var(--scts-bg-1, rgba(127,127,127,.04));border:1px solid var(--scts-border, rgba(127,127,127,.12));font-size:13px}.dash-port-row__name{font-weight:600;color:var(--scts-fg, var(--text, #111))}:root[data-theme=dark]{--navy: #0d1117;--navy-2: #161b27;--navy-3: #1e2636;--accent: #10b981;--accent-dim: rgba(16,185,129,.11);--accent-glow: rgba(16,185,129,.22);--red: #f87171;--red-dim: rgba(248,113,113,.1);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.1);--blue-bright: #60a5fa;--blue-dim: rgba(96,165,250,.1);--purple: #a78bfa;--purple-dim: rgba(167,139,250,.1);--bg: #080c14;--surface: #0d1117;--surface-2: #161b27;--surface-3: #1e2636;--border: rgba(255,255,255,.055);--border-2: rgba(255,255,255,.09);--border-3: rgba(255,255,255,.14);--text: #f0f4f8;--text-2: #8fa3b8;--text-3: #46637a;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 20px rgba(0,0,0,.55);--shadow-lg: 0 16px 48px rgba(0,0,0,.7);--shadow-accent: 0 4px 20px rgba(16,185,129,.18);--topbar-bg: rgba(8,12,20,.88);--backdrop: rgba(0,0,0,.72);--sidebar-w: 250px;--topbar-h: 56px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 22px}:root[data-theme=light]{--navy: #f8fafc;--navy-2: #f1f5f9;--navy-3: #e9eff6;--accent: #059669;--accent-dim: rgba(5,150,105,.1);--accent-glow: rgba(5,150,105,.2);--red: #dc2626;--red-dim: rgba(220,38,38,.08);--amber: #b45309;--amber-dim: rgba(180,83,9,.08);--blue-bright: #2563eb;--blue-dim: rgba(37,99,235,.08);--purple: #6d28d9;--purple-dim: rgba(109,40,217,.08);--bg: #e8edf5;--surface: #f4f7fb;--surface-2: #edf1f8;--surface-3: #e2e8f2;--border: rgba(15,23,42,.065);--border-2: rgba(15,23,42,.11);--border-3: rgba(15,23,42,.18);--text: #0f172a;--text-2: #334155;--text-3: #64748b;--shadow-sm: 0 1px 3px rgba(15,23,42,.06);--shadow-md: 0 4px 14px rgba(15,23,42,.09);--shadow-lg: 0 12px 36px rgba(15,23,42,.13);--shadow-accent: 0 4px 20px rgba(5,150,105,.18);--topbar-bg: rgba(244,247,251,.92);--backdrop: rgba(15,23,42,.35);--sidebar-w: 250px;--topbar-h: 56px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 22px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.appLayout{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:30;background:var(--navy-2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;transition:transform .25s ease}.sidebarBrand{display:flex;align-items:center;gap:12px;padding:20px 18px;border-bottom:1px solid var(--border)}.sidebarLogoWrap{width:38px;height:38px;border-radius:var(--r-md);overflow:hidden;background:#ffffff14;border:1px solid var(--border-2);display:grid;place-items:center;flex-shrink:0}.sidebarLogo{width:100%;height:100%;object-fit:contain;padding:3px}.sidebarBrandName{font-size:17px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebarBrandSub{font-size:10px;color:var(--text-3);letter-spacing:.03em}.sidebarNav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:2px}.sidebarSection{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:14px 10px 6px}.navItem{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);border:1px solid transparent;color:var(--text-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;width:100%;text-align:left}.navItem:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.navItem.active{background:var(--accent-dim);color:var(--accent);border-color:#00d4aa26;font-weight:600}.navActiveBar{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 8px var(--accent)}.navItem svg{flex-shrink:0}.navLabel{flex:1}.navBadge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;line-height:1}.sidebarFooter{padding:12px 10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sidebarUserInfo{display:flex;align-items:center;gap:10px;padding:10px 12px}.sidebarAvatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--blue-bright));display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--navy);flex-shrink:0}.sidebarUserMeta{display:flex;flex-direction:column;min-width:0}.sidebarUserName{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarUserRole{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.sidebarVersion{font-size:10px;color:var(--text-3);padding:6px 12px;display:flex;align-items:center;gap:5px}.mainArea{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;background:var(--topbar-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.topbarLeft,.topbarRight{display:flex;align-items:center;gap:12px}.topbarUser{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.topbarAvatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--blue-bright));display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--navy)}.topbarUserInfo{display:flex;align-items:center;gap:8px}.topbarUserName{font-size:13px;font-weight:600;color:var(--text-2)}.roleBadge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(0,212,170,.2);text-transform:uppercase;letter-spacing:.04em}.page{flex:1;padding:24px;overflow-x:hidden}.pageInner{max-width:1400px;margin:0 auto;width:100%}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.pageHeaderLeft .pageEyebrow{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.pageTitle{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.pageSubtitle{font-size:13px;color:var(--text-2);margin-top:3px}.pageActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}:root{--navy:#0d1117;--navy-2:#161b27;--navy-3:#1e2636;--accent:#10b981;--accent-dim:rgba(16,185,129,.11);--accent-glow:rgba(16,185,129,.22);--red:#f87171;--red-dim:rgba(248,113,113,.1);--amber:#fbbf24;--amber-dim:rgba(251,191,36,.1);--blue-bright:#60a5fa;--blue-dim:rgba(96,165,250,.1);--purple:#a78bfa;--purple-dim:rgba(167,139,250,.1);--bg:#080c14;--surface:#0d1117;--surface-2:#161b27;--surface-3:#1e2636;--border:rgba(255,255,255,.055);--border-2:rgba(255,255,255,.09);--border-3:rgba(255,255,255,.14);--text:#f0f4f8;--text-2:#8fa3b8;--text-3:#46637a;--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 20px rgba(0,0,0,.55);--shadow-lg:0 16px 48px rgba(0,0,0,.7);--shadow-accent:0 4px 20px rgba(16,185,129,.18);--sidebar-w:250px;--topbar-h:56px;--topbar-bg:rgba(8,12,20,.88);--backdrop:rgba(0,0,0,.72);--r-sm:5px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:22px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glowFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.spin{animation:spin .7s linear infinite}.fadeIn{animation:fadeIn .25s ease}.skeleton{background:#ffffff0d;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;border-radius:var(--r-md)}[data-theme=light] .skeleton{background:#e2e8f0}.skeleton--text{height:12px;border-radius:4px}.skeleton--value{height:28px;border-radius:6px}.skeleton--icon{width:42px;height:42px;border-radius:var(--r-lg);flex-shrink:0}.hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);border:1px solid var(--border);background:transparent;color:var(--text-2);cursor:pointer;transition:all .15s}.hamburger:hover{background:var(--surface-2);color:var(--text)}.sidebarBrandLogo{width:36px;height:36px;border-radius:var(--r-md);background:var(--accent-dim);border:1px solid rgba(0,212,170,.2);display:grid;place-items:center;flex-shrink:0;color:var(--accent)}.sidebarUserCard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);margin-bottom:2px}.navItem--danger{color:#f87171}.navItem--danger:hover{background:var(--red-dim);color:var(--red);border-color:#ef444426}.sidebarOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:var(--backdrop)}.sidebarOverlay.open{display:block}@media (max-width:768px){.hamburger{display:inline-flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mainArea{margin-left:0}}.inputGroup .input{padding-right:44px}.inputGroupBtn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-3);cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:var(--r-sm);transition:color .15s}.inputGroupBtn:hover{color:var(--text-2)}.spinnerRing{width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.loginPage{min-height:100vh;display:flex;align-items:stretch;position:relative;overflow:hidden;background:url(/bg-port.jpg) center/cover no-repeat}.loginBg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-color:#020617cc;background-image:radial-gradient(ellipse at 0% 0%,rgba(16,185,129,.18) 0%,transparent 50%)}.loginBgGlow--1{position:absolute;width:600px;height:600px;top:-150px;left:-80px;background:radial-gradient(circle,rgba(16,185,129,.16),transparent 70%);animation:glowFloat 9s ease-in-out infinite}.loginBgGlow--2{position:absolute;width:500px;height:500px;bottom:-100px;right:-40px;background:radial-gradient(circle,rgba(96,165,250,.1),transparent 70%);animation:glowFloat 11s ease-in-out infinite reverse}.loginBgGrid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px}.loginShell{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%}.loginLeft{border-right:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;padding:60px 48px}[data-theme=light] .loginBg{background-color:#f8fafc8c;background-image:radial-gradient(ellipse at 0% 0%,rgba(16,185,129,.12) 0%,transparent 50%)}[data-theme=light] .loginBgGlow--1{background:radial-gradient(circle,rgba(16,185,129,.08),transparent 70%)}[data-theme=light] .loginBgGlow--2{background:radial-gradient(circle,rgba(96,165,250,.06),transparent 70%)}[data-theme=light] .loginBgGrid{background-image:linear-gradient(rgba(15,23,42,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.06) 1px,transparent 1px)}[data-theme=light] .loginLeft{border-right:1px solid rgba(15,23,42,.08)}[data-theme=light] .loginBrandName{color:#020617;background:none;-webkit-text-fill-color:initial}[data-theme=light] .loginBrandDesc{color:#334155}.loginLeftContent{max-width:420px;animation:slideUp .5s ease}.loginBrandIcon{width:64px;height:64px;border-radius:var(--r-xl);background:var(--accent-dim);border:1px solid rgba(16,185,129,.25);display:grid;place-items:center;color:var(--accent);margin-bottom:24px;box-shadow:0 0 40px #10b98126}.loginBrandName{font-size:42px;font-weight:900;letter-spacing:-.04em;font-feature-settings:"cv02","cv03","cv04";background:linear-gradient(135deg,var(--text) 30%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.loginBrandDesc{font-size:15px;color:var(--text-2);line-height:1.5;margin-bottom:36px}.loginFeatures{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.loginFeatureItem{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-2);padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1)}.loginFeatureItem:hover{background:#ffffff14;border-color:#ffffff29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=light] .loginFeatureItem{background:#fff;border:1px solid #e2e8f0;color:#334155;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 3px #0f172a0f,inset 0 1px #fffc}[data-theme=light] .loginFeatureItem:hover{background:#f8fafc;border-color:#cbd5e1;-webkit-backdrop-filter:none;backdrop-filter:none}.loginCompliance{display:flex;gap:8px;flex-wrap:wrap}.loginCompBadge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(16,185,129,.22)}[data-theme=light] .loginCompBadge{background:#f0fdf4;border:1px solid #bbf7d0;color:#065f46}.loginRight{display:flex;align-items:center;justify-content:center;padding:40px 32px}.loginCard{width:100%;max-width:420px;animation:slideUp .5s ease .1s both;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--r-2xl);padding:36px 32px;box-shadow:0 24px 64px #00000073,inset 0 1px #ffffff14}.loginCard .input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text)}.loginCard .input::placeholder{color:#ffffff40}.loginCard .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff14}[data-theme=light] .loginCard{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #e2e8f0;box-shadow:0 20px 50px #0000001a,0 4px 16px #0000000f}[data-theme=light] .loginCardTitle{color:#020617;font-weight:800}[data-theme=light] .loginCardSub{color:#475569;font-weight:400}[data-theme=light] .loginCard .label{color:#0f172a;font-weight:700}[data-theme=light] .loginCard .input{background:#f1f5f980;border:1px solid #cbd5e1;color:#020617;font-weight:400}[data-theme=light] .loginCard .input::placeholder{color:#94a3b8;font-weight:400}[data-theme=light] .loginCard .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b98126;background:#fff}[data-theme=light] .loginDemoSection{border-top-color:#e2e8f0}[data-theme=light] .loginDemoToggle{color:#64748b}[data-theme=light] .loginDemoToggle:hover{color:#020617}[data-theme=light] .loginCardFooter{color:#94a3b8}.loginCardHeader{display:flex;align-items:center;gap:14px;margin-bottom:32px}.loginCardLogo{width:42px;height:42px;border-radius:var(--r-md);background:var(--accent-dim);border:1px solid rgba(16,185,129,.2);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.loginCardTitle{font-size:20px;font-weight:800;letter-spacing:-.02em;font-feature-settings:"cv02","cv03","cv04";color:var(--text);line-height:1.2}.loginCardSub{font-size:12px;color:var(--text-3);margin-top:2px}.loginForm{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.loginSubmitBtn{width:100%;padding:12px 20px;font-size:14px;justify-content:center;margin-top:4px}.loginError{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--red-dim);border:1px solid rgba(239,68,68,.2);border-radius:var(--r-md);color:var(--red);font-size:13px}.loginError svg{flex-shrink:0}.loginDemoSection{border-top:1px solid var(--border);padding-top:16px;margin-top:4px}.loginDemoToggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;color:var(--text-3);font-size:11.5px;font-weight:600;letter-spacing:.03em;cursor:pointer;padding:4px 0;transition:color .15s}.loginDemoToggle:hover{color:var(--text-2)}.loginDemoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.loginDemoCard{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r-md);padding:10px 8px;display:flex;flex-direction:column;gap:3px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:center}[data-theme=light] .loginDemoCard{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .loginDemoCard:hover{background:#f1f5f9;border-color:var(--accent)}[data-theme=light] .loginDemoUser{color:#020617}[data-theme=light] .loginDemoPass{color:#64748b}.loginDemoCard:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.loginDemoRole{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.loginDemoUser{font-size:12px;font-weight:600;color:var(--text);font-family:monospace}.loginDemoPass{font-size:10px;color:var(--text-3);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loginCardFooter{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:11px;color:var(--text-3)}@media (max-width:900px){.loginShell{grid-template-columns:1fr}.loginLeft{display:none}.loginRight{padding:32px 20px}.loginCard{max-width:100%}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cardTitle{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--r-lg);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font:600 13px/1 inherit;cursor:pointer;transition:all .18s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-3);transform:translateY(-1px)}.btn:active:not(:disabled){transform:none}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:900;box-shadow:var(--shadow-accent)}.btn.primary:hover:not(:disabled){background:#059669;box-shadow:0 6px 24px #10b9814d}.btn.danger{background:var(--red-dim);color:var(--red);border-color:#ef444433}.btn.danger:hover:not(:disabled){background:#ef44442e}.btn.ghost{background:transparent;border-color:var(--border)}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.sm{padding:6px 11px;font-size:12px;border-radius:var(--r-md)}.btn.icon{padding:8px;border-radius:var(--r-md)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.input,select,textarea{width:100%;padding:10px 14px;border:1px solid var(--border-2);border-radius:var(--r-md);background:var(--navy-2);color:var(--text);font:14px/1.4 inherit;transition:border-color .18s,box-shadow .18s,background-color .18s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.input::placeholder,textarea::placeholder{color:var(--text-3)}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}[data-theme=light] .input,[data-theme=light] select,[data-theme=light] textarea{background:#fff9;border:1px solid #cbd5e1;color:#020617;font-weight:600}[data-theme=light] .input::placeholder,[data-theme=light] textarea::placeholder{color:#64748b;font-weight:400}select option{background:var(--navy-2);color:var(--text)}textarea{resize:vertical}.formGroup{display:flex;flex-direction:column;gap:6px}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formRow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}[data-theme=light] .label{color:#020617}.searchBar{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border-2);border-radius:var(--r-lg);background:var(--navy-2);transition:border-color .18s,box-shadow .18s}.searchBar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.searchBar svg{color:var(--text-3);flex-shrink:0}.searchBar input{flex:1;border:none;background:transparent;color:var(--text);font:14px/1 inherit;outline:none}.searchBar input::placeholder{color:var(--text-3)}.tableWrap{overflow-x:auto;border-radius:var(--r-xl);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text);background:var(--navy-2);border-bottom:1px solid var(--border);box-shadow:inset 0 1px #ffffff0d;white-space:nowrap;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out}[data-theme=light] thead th{background:#f1f5f9;box-shadow:inset 0 1px #fff;border-bottom-color:#e2e8f0;color:#334155}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff08}td{padding:12px 14px;vertical-align:middle;color:var(--text)}.tdMuted{color:var(--text-2);font-size:12px}.tdActions{display:flex;gap:6px;align-items:center}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;border:1px solid transparent;white-space:nowrap}.badge-green{background:#00d4aa1f;color:var(--accent);border-color:#00d4aa33}.badge-red{background:#ef44441f;color:var(--red);border-color:#ef444433}.badge-amber{background:#f59e0b1f;color:var(--amber);border-color:#f59e0b33}.badge-blue{background:#3b82f61f;color:var(--blue-bright);border-color:#3b82f633}.badge-gray{background:#ffffff0d;color:var(--text-2);border-color:var(--border-2)}.badge-critical{background:#ef444426;color:#f87171;border-color:#ef444440}.badge-high{background:#ef44441f;color:var(--red);border-color:#ef444433}.badge-medium{background:#f59e0b1f;color:var(--amber);border-color:#f59e0b33}.badge-low{background:#3b82f61f;color:var(--blue-bright);border-color:#3b82f633}[data-theme=light] .badge-green{background:#00785f1a;color:#006b51;border-color:#00785f40}[data-theme=light] .badge-red{background:#b91c1c1a;color:#991b1b;border-color:#b91c1c38}[data-theme=light] .badge-amber{background:#92400e1a;color:#7c2d12;border-color:#92400e38}[data-theme=light] .badge-blue{background:#1d4ed81a;color:#1e40af;border-color:#1d4ed838}[data-theme=light] .badge-gray{background:#0f172a12;color:var(--text-2);border-color:var(--border-3)}[data-theme=light] .badge-critical{background:#b91c1c1a;color:#991b1b;border-color:#b91c1c38}.tabList{display:flex;gap:3px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xl);width:fit-content;margin-bottom:22px}.tabTrigger{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--r-lg);border:none;background:transparent;color:var(--text-2);font:600 13px/1 inherit;cursor:pointer;transition:all .18s;white-space:nowrap}.tabTrigger:hover{color:var(--text);background:var(--surface-3)}.tabTrigger.active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-3)}[data-theme=light] .tabList{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .tabTrigger.active{background:#fff;color:var(--accent);box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}[data-theme=light] .tabTrigger.active svg{color:var(--accent)}.tabContent{animation:slideUp .2s ease}.glassCard{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)!important;background:#ffffff08!important}[data-theme=light] .glassCard{background:#f8fafccc!important;border:1px solid rgba(15,23,42,.1)!important;box-shadow:0 4px 20px #0f172a0d!important}.inputGroup{position:relative}.inputGroup .input{padding-right:40px}.inputGroupBtn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:4px;transition:color .15s}.inputGroupBtn:hover{color:var(--text)}.tabSectionLabel{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(580px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);overflow:hidden}.modalAnim{animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.wide{width:min(820px,100%)}.modalHeader{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modalTitle{font-size:15px;font-weight:700}.modalBody{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.modalFooter{padding:14px 20px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border)}.toastStack{position:fixed;top:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toastItem{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);font-size:13.5px;max-width:380px;pointer-events:all;animation:toastIn .25s ease;overflow:hidden}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toastIcon{flex-shrink:0}.toastMsg{flex:1;color:var(--text)}.toastClose{background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:grid;place-items:center;border-radius:4px;flex-shrink:0}.toastClose:hover{color:var(--text)}.toastProgress{position:absolute;bottom:0;left:0;height:2px;transition:width .1s linear;border-radius:0 2px 0 0}.spinnerDots{display:flex;gap:4px}.spinnerDots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:dotPulse .6s infinite alternate}.spinnerDots span:nth-child(2){animation-delay:.2s}.spinnerDots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.spinner{width:18px;height:18px;border:2px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadingCenter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;color:var(--text-2);font-size:14px}.spinnerText{color:var(--text-3);font-size:13px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center}.emptyIcon{width:64px;height:64px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-3);margin-bottom:4px}.emptyState h3{font-size:16px;font-weight:600;color:var(--text-2)}.emptyState p{font-size:13px;color:var(--text-3);max-width:300px}.emptyAction{margin-top:8px}.filtersBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:16px}.confirmDialog{width:min(420px,100%)}.syncIndicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:all .18s;font-size:12px;font-weight:600;color:var(--text-2)}.syncIndicator:hover{border-color:var(--border-3);background:var(--surface-3)}.syncDot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sync--online .syncDot,.sync--synced .syncDot{box-shadow:0 0 6px var(--accent)}.sync--offline .syncDot{box-shadow:0 0 6px var(--amber)}.sync--error .syncDot{box-shadow:0 0 6px var(--red)}.sync--syncing .syncDot{animation:pulse 1s infinite}.syncSpin{animation:spin 1s linear infinite}.syncLabel{color:var(--text-2)}.syncBadge{background:var(--amber);color:var(--navy);font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.fw-bold{font-weight:700}.text-muted{color:var(--text-2)}.hr{height:1px;background:var(--border);margin:4px 0}.kpiGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}.kpiCard{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px 18px 16px;display:flex;gap:14px;align-items:flex-start;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;cursor:default}.kpiCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-2)}.kpiCard--skeleton{pointer-events:none}.kpiIcon{width:42px;height:42px;border-radius:var(--r-lg);display:grid;place-items:center;flex-shrink:0}.kpiBody{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.kpiLabel{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.kpiValue{font-size:28px;font-weight:800;line-height:1.1;color:var(--text);letter-spacing:-.02em}.kpiFooter{display:flex;align-items:center;gap:8px;margin-top:2px}.kpiSub{font-size:11px;color:var(--text-3)}.kpiTrend{font-size:11px;font-weight:700}.kpiTrend--up{color:var(--accent)}.kpiTrend--down{color:var(--red)}.kpiBar{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:.7}.dashboardPage{display:flex;flex-direction:column;gap:22px}.dashHeader{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.dashGreeting{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.dashDate{font-size:19px;font-weight:800;letter-spacing:-.02em;text-transform:capitalize}.dashTime{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:4px;margin-top:3px}.dashGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alertList{display:flex;flex-direction:column;gap:6px;margin-top:4px}.alertItem{display:flex;align-items:center;gap:12px;padding:11px 13px;background:var(--navy-2);border:1px solid var(--border);border-radius:var(--r-md);transition:background .15s,border-color .15s}.alertItem:hover{background:var(--surface-2);border-color:var(--border-2)}.alertDot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.alertItem--critical .alertDot{background:#ef4444;box-shadow:0 0 7px #ef4444}.alertItem--high .alertDot{background:var(--red);box-shadow:0 0 7px var(--red)}.alertItem--medium .alertDot{background:var(--amber);box-shadow:0 0 6px var(--amber)}.alertItem--low .alertDot{background:var(--blue-bright);box-shadow:0 0 6px var(--blue-bright)}.alertBody{flex:1;min-width:0}.alertMsg{font-size:12.5px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alertDate{font-size:11px;color:var(--text-3);display:block;margin-top:1px}.quickActions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.quickActionBtn{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:var(--r-lg);border:1px solid var(--border);background:transparent;cursor:pointer;transition:all .18s ease;text-align:left;width:100%;color:var(--text)}.quickActionBtn:hover{background:var(--surface-2);border-color:var(--border-2);transform:translate(3px)}.qaIcon{width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;border:1px solid;flex-shrink:0}.qaText{flex:1;display:flex;flex-direction:column;gap:1px}.qaLabel{font-size:13px;font-weight:600}.qaDesc{font-size:11px;color:var(--text-3)}.qaArrow{color:var(--text-3);transition:transform .18s;flex-shrink:0}.quickActionBtn:hover .qaArrow{transform:translate(3px,-2px);color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-sm)}.cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cardTitle{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text)}.cardTitleIcon{color:var(--text-3)}.cardEmpty{padding:32px 16px;text-align:center;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px}.alertRow-critical td:first-child{border-left:3px solid #ef4444}.alertRow-high td:first-child{border-left:3px solid var(--red)}.alertRow-medium td:first-child{border-left:3px solid var(--amber)}.alertRow-low td:first-child{border-left:3px solid var(--blue-bright)}@media (max-width: 900px){.dashGrid{grid-template-columns:1fr}}@media (max-width: 640px){.kpiGrid{grid-template-columns:1fr 1fr}.kpiCard{padding:14px}.kpiValue{font-size:24px}.kpiIcon{width:36px;height:36px}}@media (max-width: 400px){.kpiGrid{grid-template-columns:1fr}}.checkinPage{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.checkinMain{display:flex;flex-direction:column;gap:16px}.checkinAside{position:sticky;top:calc(var(--topbar-h) + 24px)}.checkinStep{display:flex;gap:16px;align-items:flex-start;position:relative}.checkinStep--success{border-color:#00d4aa33}.checkinStep--danger{border-color:#ef444433}.stepBadge{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;border:1px solid rgba(0,212,170,.2);margin-top:2px}.stepContent{flex:1;min-width:0}.stepTitle{font-size:14px;font-weight:700;margin-bottom:12px}.crewResults{margin-top:12px;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.crewResultsEmpty{padding:20px;text-align:center;color:var(--text-3);font-size:13px}.crewCard{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--navy-2);cursor:pointer;text-align:left;transition:all .15s;width:100%}.crewCard:hover{background:var(--surface-2);border-color:var(--border-2)}.crewCard--selected{border-color:var(--accent);background:var(--accent-dim)}.crewCard--bl{border-color:#ef444433}.crewCardAvatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;flex-shrink:0;color:var(--navy)}.crewCardInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.crewCardName{font-size:14px;font-weight:700;color:var(--text)}.crewCardDoc{font-size:12px;color:var(--text-2)}.crewCardRole{font-size:11px;color:var(--text-3)}.checkinWarning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--red-dim);border:1px solid rgba(239,68,68,.25);border-radius:var(--r-md);margin-bottom:14px;color:var(--red);font-size:13px;font-weight:600}.confirmGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;font-size:13px}.confirmLabel{display:block;font-size:11px;color:var(--text-3);margin-bottom:2px}.checkinActions{display:flex;gap:10px}.checkinActionBtn{flex:1;justify-content:center;padding:12px}.activityFeed{display:flex;flex-direction:column}.activityEmpty{padding:24px;text-align:center;color:var(--text-3);font-size:13px}.activityItem{display:flex;gap:12px;min-height:50px}.activityTimeline{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.activityDot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.activityDot--green{background:var(--accent-dim);color:var(--accent)}.activityDot--amber{background:var(--amber-dim);color:var(--amber)}.activityLine{flex:1;width:1px;background:var(--border-2);margin:4px 0}.activityContent{flex:1;padding-bottom:14px;min-width:0}.activityHeader{display:flex;justify-content:space-between;align-items:center;gap:8px}.activityName{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activityTime{font-size:11px;color:var(--text-3);flex-shrink:0}.activityMeta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3);margin-top:3px}.activityTag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}.activityTag--green{background:var(--accent-dim);color:var(--accent)}.activityTag--amber{background:var(--amber-dim);color:var(--amber)}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#060a13f2,#060a13cc),url(/login-port.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden}.loginGlow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,.08),transparent 70%);pointer-events:none;animation:glowFloat 6s ease-in-out infinite}@keyframes glowFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-30px)}}.loginCard{position:relative;z-index:1;width:min(420px,100%);background:#111827e6;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--r-2xl);padding:36px 32px;box-shadow:var(--shadow-lg);animation:modalIn .4s ease}.loginBrand{text-align:center;margin-bottom:28px}.loginLogo{width:100px;border-radius:var(--r-sm);background:#ffffffe6;padding:8px 12px}.loginAccent{width:40px;height:3px;background:var(--accent);border-radius:2px;margin:12px auto;box-shadow:0 0 12px var(--accent)}.loginTitle{font-size:26px;font-weight:800;letter-spacing:-.02em}.loginSubtitle{font-size:13px;color:var(--text-2);margin-top:4px}.loginForm{display:flex;flex-direction:column;gap:14px;margin-top:4px}.loginInput{background:#060a13b3;border-color:#ffffff1a;height:46px}.loginInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.loginInput::placeholder{color:#fff3}.loginError{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:var(--r-md);background:var(--red-dim);border:1px solid rgba(239,68,68,.25);color:var(--red);font-size:13px;font-weight:500}.loginBtn{height:46px;font-size:14px;margin-top:4px;justify-content:center}.loginBtnLoading{display:flex;align-items:center;gap:10px}.loginFooter{margin-top:24px;text-align:center;font-size:11px;color:var(--text-3);display:flex;align-items:center;justify-content:center;gap:6px}.photoBox{width:100%;aspect-ratio:4/3;border:1px dashed var(--border-2);border-radius:var(--r-lg);display:grid;place-items:center;overflow:hidden;background:var(--navy-2)}.photoBox img,.photoBox video{width:100%;height:100%;object-fit:cover}.hamburger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:6px;border-radius:var(--r-sm)}.hamburger:hover{background:var(--surface-2)}.sidebarOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:29}@media (max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebarOverlay.open{display:block}.hamburger{display:grid;place-items:center}.mainArea{margin-left:0}.page{padding:16px 14px 48px}.formRow,.formRow3,.checkinPage{grid-template-columns:1fr}.checkinAside{position:static}.dashGrid{grid-template-columns:1fr}}@media (max-width:640px){.kpiGrid{grid-template-columns:1fr 1fr}.pageTitle{font-size:18px}.modal{width:calc(100vw - 16px)}.loginCard{padding:24px 18px}.kpiCard{padding:14px}.kpiValue{font-size:24px}.kpiIcon{width:36px;height:36px}.confirmGrid{grid-template-columns:1fr}}@media (max-width:400px){.kpiGrid{grid-template-columns:1fr}.toastStack{left:8px;right:8px}.toastItem{max-width:none}}.uploadZone{border:2px dashed var(--border-2);border-radius:var(--r-xl);padding:56px 24px;text-align:center;cursor:pointer;transition:all .25s ease;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:inset 0 1px 3px #0000000f}.uploadZone:hover{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 4px #00d4aa0f,inset 0 1px 3px #0000000a;transform:translateY(-1px)}.uploadZone--active{border-color:var(--accent);border-style:solid;background:var(--accent-dim);box-shadow:0 0 0 4px #00d4aa1a;transform:translateY(-2px)}.uploadIcon{width:56px;height:56px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(0,212,170,.2);display:grid;place-items:center;color:var(--accent);margin-bottom:4px}.uploadZone h3{font-size:16px;font-weight:700;color:var(--text)}.uploadZone p{font-size:13px;color:var(--text-2);margin:0}.uploadHint{font-size:11px!important;color:var(--text-3)!important;margin-top:4px!important}.importResult{display:flex;gap:16px;margin-bottom:12px}.importStat{flex:1;padding:14px;background:var(--navy-2);border:1px solid var(--border);border-radius:var(--r-md);text-align:center}.importStatValue{display:block;font-size:24px;font-weight:800;color:var(--accent)}.importStatLabel{display:block;font-size:11px;color:var(--text-3);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.importWarnings{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:12px;background:var(--amber-dim);border:1px solid rgba(245,158,11,.2);border-radius:var(--r-md)}.importWarning{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--amber)}.listsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.listCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;display:flex;flex-direction:column;gap:10px;transition:transform .18s,box-shadow .18s}.listCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.listCardHeader{display:flex;justify-content:space-between;align-items:center}.listDate{font-size:12px;color:var(--text-3)}.listVessel{font-size:15px;font-weight:700}.listMeta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.listFile{background:var(--surface-2);padding:2px 8px;border-radius:999px;font-size:10px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listActions{display:flex;gap:6px;margin-top:4px}:root{--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", system-ui, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}body{font-family:var(--font-text);font-feature-settings:"ss01","cv11","cv02";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,.pageTitle,.sidebarBrandName,.loginBrandName,.loginCardTitle{font-family:var(--font-display);letter-spacing:-.022em;font-feature-settings:"ss01"}.pageTitle{letter-spacing:-.028em;font-weight:700}.loginBrandName{letter-spacing:-.04em;font-weight:800}.kpiValue,.statValue,td,th,.badge,.syncIndicator,[class*=value],[class*=number],[class*=count]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","ss01"}:root{--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px}:root[data-theme=dark]{--shadow-sm: 0 1px 1px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.04);--shadow-md: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -8px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05);--shadow-lg: 0 4px 8px rgba(0,0,0,.4), 0 32px 80px -24px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.06)}:root[data-theme=light]{--shadow-sm: 0 1px 1px rgba(15,23,42,.04), 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 1px 2px rgba(15,23,42,.05), 0 8px 24px -10px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.7);--shadow-lg: 0 4px 8px rgba(15,23,42,.06), 0 32px 64px -20px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.8)}:root[data-theme=dark]{--bg: #0a0e14;--surface: #11161e;--surface-2: #161c26;--surface-3: #1d2530;--border: rgba(255,255,255,.06);--border-2: rgba(255,255,255,.1);--border-3: rgba(255,255,255,.16)}:root[data-theme=light]{--bg: #fafafa;--surface: #ffffff;--surface-2: #f5f5f7;--surface-3: #ececef;--border: rgba(0,0,0,.06);--border-2: rgba(0,0,0,.09);--border-3: rgba(0,0,0,.14)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 800px at 0% -10%,rgba(16,185,129,.04),transparent 60%),radial-gradient(1000px 600px at 100% 110%,rgba(96,165,250,.03),transparent 60%)}.card,.glassCard,.modal,.toastItem,.filtersBar,.tableWrap{background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 100%,white 2%),var(--surface));border:1px solid var(--border-2);box-shadow:var(--shadow-md);border-radius:var(--r-xl)}[data-theme=light] .card,[data-theme=light] .glassCard,[data-theme=light] .modal{background:var(--surface);box-shadow:var(--shadow-md)}.topbar{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:color-mix(in oklab,var(--bg) 72%,transparent);border-bottom:1px solid var(--border)}.sidebar{background:color-mix(in oklab,var(--surface) 96%,var(--accent) 4%);border-right:1px solid var(--border)}[data-theme=light] .sidebar{background:var(--surface-2)}.navItem.active{background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent);border:none;box-shadow:none}.navItem.active:before{content:"";position:absolute;left:0;top:50%;width:3px;height:18px;background:var(--accent);border-radius:0 3px 3px 0;transform:translateY(-50%);box-shadow:0 0 8px var(--accent-glow)}.navActiveBar{display:none!important}.btn{border-radius:var(--r-lg);font-weight:590;letter-spacing:-.005em;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.btn.primary{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 100%,white 8%),var(--accent));box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000001a,0 1px 2px #00000026,0 8px 20px -6px var(--accent-glow);color:#05111f}.btn.primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.btn.primary:active:not(:disabled){transform:scale(.97);filter:brightness(.96)}.input,select,textarea,.searchBar{border-radius:var(--r-md);transition:box-shadow .2s ease,border-color .2s ease}.input:focus,select:focus,textarea:focus,.searchBar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent),inset 0 1px #ffffff0a}.kpiCard,[class*=kpi-card],[class*=KpiCard]{border-radius:var(--r-xl);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 100%,white 2%),var(--surface));transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}.kpiCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpiLabel,[class*=kpi-label]{font-size:10.5px!important;font-weight:600!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--text-2)!important}.kpiValue,[class*=kpi-value]{font-family:var(--font-display);font-size:32px!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1!important}thead th{font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--text-2)!important;background:color-mix(in oklab,var(--bg) 88%,transparent)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}tbody tr{transition:background .18s ease}tbody tr:hover{background:color-mix(in oklab,var(--accent) 4%,transparent)!important}td{padding:14px 16px!important}.badge{font-weight:590;letter-spacing:.01em;font-size:11px;padding:3px 9px;border-radius:999px}.modal{border-radius:24px;box-shadow:var(--shadow-lg)}.modalBackdrop{background:color-mix(in oklab,#000 50%,transparent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}*{scrollbar-width:thin;scrollbar-color:var(--border-3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-3);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}::selection{background:color-mix(in oklab,var(--accent) 30%,transparent);color:var(--text)}:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 30%,transparent);border-radius:6px}.loginCard{border-radius:24px;box-shadow:var(--shadow-lg)}.loginSubmitBtn{font-weight:600;letter-spacing:-.005em}.loginCompBadge{font-weight:590;letter-spacing:.04em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}