:root { --vetor-lime:#a4ff02; --vetor-bg:#080b0b; --vetor-surface:#101412; --vetor-elevated:#181e1a; --vetor-border:#29322c; --vetor-text:#f7f6f2; --vetor-muted:#a4b0a7; --vetor-accent:#a4ff02; }
:root[data-vetor-theme="light"] { --vetor-bg:#f7f6f2; --vetor-surface:#fff; --vetor-elevated:#f0f2eb; --vetor-border:#dce2d7; --vetor-text:#172119; --vetor-muted:#5c695f; --vetor-accent:#416b08; }
html, body, #root { min-height:100%; }
body { background:var(--vetor-bg); color:var(--vetor-text); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
::selection { background:#a4ff02; color:#080b0b; }
:focus-visible { outline:2px solid var(--vetor-accent); outline-offset:3px; }
.vetor-brand { display:inline-flex; align-items:center; gap:10px; color:inherit; flex-shrink:0; }
.vetor-brand img { width:40px; height:40px; flex-shrink:0; }
.vetor-brand__wordmark { display:flex; flex-direction:column; font-weight:800; font-size:20px; line-height:1.05; letter-spacing:1px; }
.vetor-brand__wordmark small { font-size:9px; font-weight:600; letter-spacing:2.4px; margin-top:5px; }
.vetor-sidebar-brand { color:#f7f6f2; }
.vetor-shell .MuiDrawer-paper { background:#0c100e; border-right:1px solid #252e27; color:#f7f6f2; }
.vetor-shell .MuiDrawer-paper .MuiDivider-root { background:#252e27; }
.vetor-shell .MuiDrawer-paper .MuiListSubheader-root { position:static; background:transparent; }
.vetor-shell .MuiButton-containedPrimary, .vetor-shell .MuiButton-containedSecondary { background:#a4ff02; color:#080b0b; box-shadow:none; }
.vetor-shell .MuiButton-containedPrimary:hover, .vetor-shell .MuiButton-containedSecondary:hover { background:#b8ff43; box-shadow:none; }
.vetor-shell .MuiButton-contained.Mui-disabled { background:var(--vetor-elevated); color:var(--vetor-muted); }
.vetor-shell .MuiButton-root, .vetor-shell .MuiTab-root { text-transform:none; }
.vetor-shell .MuiTab-root.Mui-selected { background:var(--vetor-elevated); color:var(--vetor-accent); border-color:var(--vetor-border); }
.vetor-shell .MuiTabs-indicator { background:var(--vetor-accent); height:2px; }
.vetor-shell .MuiTabs-root .MuiBadge-badge { background:var(--vetor-elevated); color:var(--vetor-accent); box-shadow:none; }
.vetor-shell main .MuiBadge-root > .MuiBadge-badge:not(.MuiBadge-dot) { background:var(--vetor-elevated); color:var(--vetor-accent); border:1px solid var(--vetor-border); }
.vetor-shell main .MuiBadge-root > .MuiIconButton-root { background:var(--vetor-surface); border-color:var(--vetor-border); }
.vetor-shell main .MuiBadge-root:has(> .MuiBadge-badge:not(.MuiBadge-invisible)) > .MuiIconButton-root { background:var(--vetor-elevated); border-color:var(--vetor-accent); }
.MuiDialog-root .MuiDialogActions-root .MuiButton-containedSecondary { background:#A83D48; color:#fff; }
.MuiDialog-root .MuiDialogActions-root .MuiButton-containedSecondary:hover { background:#BF4652; }
.vetor-shell .MuiPaper-root { background-image:none; }
.vetor-topbar .MuiIconButton-root { box-shadow:none; }
@media (max-width:600px) { .vetor-topbar .vetor-topbar-actions { gap:3px; } .vetor-topbar .vetor-topbar-scroller { padding-bottom:3px; } }
.vetor-greeting { display:flex; flex-direction:column; gap:4px; line-height:1.2; }
.vetor-greeting__label { font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:1.6px; color:#a4ff02; }
.vetor-greeting__name { font-size:13px; font-weight:500; color:#f7f6f2; }
.vetor-sidebar-footer { color:#798b7f; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; line-height:1.8; }
.vetor-sidebar-footer strong { display:block; color:#a8b5ac; font-weight:500; font-size:11px; letter-spacing:.2px; text-transform:none; }
.vetor-empty { min-height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:32px; background:var(--vetor-surface); }
.vetor-empty__mark { width:64px; height:64px; margin-bottom:24px; }
.vetor-empty h2 { color:var(--vetor-text); margin:0 0 10px; font-size:23px; font-weight:600; letter-spacing:-.6px; }
.vetor-empty p { color:var(--vetor-muted); max-width:350px; margin:0; font-size:14px; line-height:1.7; }
.Toastify__toast-container .Toastify__toast { font-family:Inter,system-ui,sans-serif; border-radius:9px; box-shadow:0 8px 28px rgba(0,0,0,.18); }
.Toastify__toast.Toastify__toast--success { background:#1b3021; color:#f7f6f2; border:1px solid #3c5a35; }
.Toastify__toast.Toastify__toast--error { background:#3a2023; color:#fff; border:1px solid #764149; }
.vetor-login { min-height:100vh; min-height:100dvh; width:100%; overflow:auto; background:#080b0b; color:#f7f6f2; display:flex; flex-direction:column; padding:34px max(32px,calc((100vw - 1220px)/2)); }
.vetor-login__header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:25px; border-bottom:1px solid #252d27; }
.vetor-login__tag { font-size:10px; letter-spacing:1.8px; color:#87968c; text-transform:uppercase; }
.vetor-login__body { flex:1; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr); align-items:center; gap:70px; padding:60px 0; }
.vetor-login__eyebrow { display:flex; align-items:center; gap:12px; font-size:10px; letter-spacing:1.9px; color:#a4b0a7; font-weight:500; text-transform:uppercase; }
.vetor-login__eyebrow::before { content:""; width:28px; height:1px; background:#a4ff02; }
.vetor-login__intro h1 { font-size:clamp(35px,3.5vw,52px); line-height:1.12; font-weight:600; letter-spacing:-2px; margin:28px 0 24px; }
.vetor-login__intro h1 em { color:#a4ff02; font-style:normal; }
.vetor-login__intro > p { font-size:15px; line-height:1.85; color:#a4b0a7; max-width:430px; margin:0; }
.vetor-login__flow { margin-top:44px; display:flex; align-items:center; gap:18px; padding:22px 0; border-top:1px solid #252d27; max-width:430px; font-size:11px; color:#bbc6be; }
.vetor-login__flow span { display:flex; gap:8px; align-items:center; }
.vetor-login__flow b { color:#a4ff02; font-size:10px; font-weight:500; }
.vetor-login__flow i { color:#506054; font-style:normal; }
.vetor-login__panel { background:#101412; border:1px solid #29322c; border-radius:12px; padding:38px; box-shadow:0 20px 60px rgba(0,0,0,.16); }
.vetor-login__panel-label { font-size:10px; letter-spacing:1.8px; color:#a4ff02; font-weight:600; }
.vetor-login__panel h2 { margin:18px 0 10px; font-size:27px; line-height:1.25; letter-spacing:-.9px; font-weight:600; }
.vetor-login__panel > p { color:#a4b0a7; font-size:13px; line-height:1.7; margin:0 0 30px; }
.vetor-login__field { display:block; margin-bottom:20px; }
.vetor-login__field > span { display:block; font-size:12px; font-weight:500; color:#c8d1ca; margin-bottom:9px; }
.vetor-login__input { position:relative; display:flex; align-items:center; }
.vetor-login__input input { width:100%; height:48px; border:1px solid #354139; border-radius:7px; background:#0c100e; color:#f7f6f2; padding:0 15px; font-family:inherit; font-size:14px; outline:none; transition:border-color .15s; }
.vetor-login__input input::placeholder { color:#718177; }
.vetor-login__input input:focus { border-color:#a4ff02; box-shadow:0 0 0 3px rgba(164,255,2,.08); }
.vetor-login__input input[type="password"], .vetor-login__input input[name="password"] { padding-right:48px; }
.vetor-login__input input:-webkit-autofill { -webkit-text-fill-color:#f7f6f2; box-shadow:0 0 0 1000px #0c100e inset; caret-color:#f7f6f2; }
.vetor-login__password { position:absolute; right:5px; width:38px; height:38px; display:grid; place-items:center; border:0; border-radius:5px; background:none; color:#a4b0a7; cursor:pointer; }
.vetor-login__password:hover { background:#202a23; color:#a4ff02; }
.vetor-login__options { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:2px 0 25px; font-size:11px; }
.vetor-login__remember { display:flex; align-items:center; gap:8px; color:#a4b0a7; cursor:pointer; }
.vetor-login__remember input { accent-color:#a4ff02; width:15px; height:15px; margin:0; }
.vetor-login a { color:#c9d7ca; text-decoration:none; }
.vetor-login a:hover { color:#a4ff02; }
.vetor-login__submit { border:0; border-radius:7px; background:#a4ff02; color:#080b0b; width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; font:600 13px Inter,system-ui,sans-serif; cursor:pointer; transition:background .15s; }
.vetor-login__submit:hover { background:#b8ff43; }
.vetor-login__submit:disabled { opacity:.65; cursor:wait; }
.vetor-login__submit svg { width:20px; }
.vetor-login__footnote { display:flex; align-items:center; justify-content:center; gap:7px; padding-top:22px; margin-top:24px; border-top:1px solid #29322c; color:#7f9085; font-size:10px; }
.vetor-login__footnote svg { width:13px; height:13px; }
.vetor-login__signup { display:block; text-align:center; margin-top:18px; font-size:12px; }
.vetor-login__footer { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #252d27; padding-top:22px; color:#7f9085; font-size:10px; line-height:1.6; }
@media (max-width:1000px) { .vetor-login__body { gap:36px; grid-template-columns:minmax(0,1fr) minmax(340px,1fr); } .vetor-login__panel { padding:28px; } .vetor-login__flow { gap:10px; font-size:10px; } }
@media (max-width:760px) { .vetor-login { padding:22px; } .vetor-login__header { padding-bottom:20px; } .vetor-login__tag { display:none; } .vetor-login__body { display:block; width:100%; max-width:440px; margin:0 auto; padding:34px 0; } .vetor-login__intro { margin-bottom:28px; } .vetor-login__intro h1 { font-size:34px; letter-spacing:-1.3px; margin:18px 0 14px; } .vetor-login__intro > p { font-size:13px; } .vetor-login__flow { display:none; } .vetor-login__panel { padding:26px; } .vetor-login__footer { flex-wrap:wrap; } }
@media (min-width:761px) and (max-height:800px) { .vetor-login { padding-top:22px; padding-bottom:20px; } .vetor-login__header { padding-bottom:18px; } .vetor-login__body { padding:28px 0; } .vetor-login__panel { padding:28px 34px; } .vetor-login__panel > p { margin-bottom:22px; } .vetor-login__field { margin-bottom:16px; } .vetor-login__footnote { padding-top:18px; margin-top:18px; } .vetor-login__footer { padding-top:16px; } }
@media (max-width:760px) { .vetor-login__intro { display:none; } .vetor-login__body { padding:28px 0; } .vetor-login__panel h2 { font-size:25px; } }
@media (max-width:380px) { .vetor-login { padding:16px; } .vetor-login__panel { padding:22px 18px; } .vetor-login__options { gap:8px; font-size:10px; } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; } }