:root { --vetor-lime:#74b7ff; --vetor-bg:#101f35; --vetor-surface:#172b46; --vetor-elevated:#203854; --vetor-border:#344c69; --vetor-text:#eef0f3; --vetor-muted:#b2b8c2; --vetor-accent:#74b7ff; }
.vetor-erp{padding:28px;overflow:auto;width:100%;height:100%;color:var(--vetor-text);background:var(--vetor-bg)}
.vetor-erp-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.vetor-erp-heading h4{font-size:28px;font-weight:600;letter-spacing:-.7px;margin:8px 0}.vetor-erp-eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--vetor-accent)}.vetor-erp-badge{border:1px solid var(--vetor-border);border-radius:20px;padding:8px 12px;font-size:11px;color:var(--vetor-muted)}
.vetor-erp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.vetor-erp-summary article{padding:20px;border:1px solid var(--vetor-border);background:var(--vetor-surface);border-radius:10px}.vetor-erp-summary span{font-size:12px;color:var(--vetor-muted);display:block;margin-bottom:12px}.vetor-erp-summary strong{font-size:23px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.vetor-erp-summary article:nth-child(2) strong{color:var(--vetor-accent)}
.vetor-erp-panel{border:1px solid var(--vetor-border);border-radius:10px;background:var(--vetor-surface);overflow:hidden}.vetor-erp-panel>.MuiTabs-root{border-bottom:1px solid var(--vetor-border)}.vetor-erp-body{padding:22px}.vetor-erp-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 22px}.vetor-erp-toolbar>.MuiTextField-root{min-width:200px}.vetor-erp-toolbar>.MuiTextField-root:first-child{min-width:280px}
.vetor-erp-table-wrap{overflow:auto;width:100%}.vetor-erp table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.vetor-erp th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--vetor-muted);font-weight:500;padding:14px 12px;border-bottom:1px solid var(--vetor-border);white-space:nowrap}.vetor-erp td{padding:16px 12px;border-bottom:1px solid var(--vetor-border);vertical-align:middle}.vetor-erp td strong{font-weight:500}.vetor-erp td small,.vetor-erp-note small{display:block;color:var(--vetor-muted);font-size:11px;margin-top:5px}.vetor-erp-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.vetor-erp-actions{display:flex;flex-wrap:wrap;min-width:200px;gap:2px}.vetor-erp-status{display:inline-block;padding:5px 9px;border-radius:14px;font-size:10px;white-space:nowrap;background:var(--vetor-elevated);border:1px solid var(--vetor-border)}.vetor-erp-status.paid{color:var(--vetor-accent)}.vetor-erp-status.cancelled{color:var(--vetor-muted)}.vetor-erp td .vetor-erp-overdue{color:#d77865}.vetor-erp-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 0;font-size:12px;color:var(--vetor-muted)}.vetor-erp-pager>span{margin-right:auto}.vetor-erp-empty{padding:48px 16px;text-align:center;color:var(--vetor-muted);font-size:14px}
.vetor-erp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:center;margin-top:12px}.vetor-erp-grid>.MuiTextField-root{min-width:0}.vetor-erp-profile{padding-bottom:12px}.vetor-erp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.vetor-erp-tags>.MuiFormControlLabel-root{padding:6px 12px;border:1px solid var(--vetor-border);border-radius:7px;margin:0}.vetor-erp-tags .MuiTypography-root{font-size:12px}.vetor-erp-notes{border-top:1px solid var(--vetor-border);padding-top:24px;margin-top:24px}.vetor-erp-note{background:var(--vetor-elevated);border:1px solid var(--vetor-border);border-radius:8px;padding:16px;margin:12px 0;font-size:13px;overflow-wrap:anywhere}.vetor-erp-note p{line-height:1.6;margin-bottom:0}.vetor-erp-note pre{white-space:pre-wrap}.vetor-erp-note summary{cursor:pointer;color:var(--vetor-accent);margin-top:12px}.vetor-erp-error,.vetor-erp-notice{padding:12px 16px;border-radius:7px;margin:10px 0 18px;font-size:13px;line-height:1.6}.vetor-erp-error{color:#ffd9d9;background:#43282d;border:1px solid #704149}.vetor-erp-notice{color:#e4f4cc;background:#243621;border:1px solid #455d36}
@media(max-width:1100px){.vetor-erp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.vetor-erp{padding:20px}}@media(max-width:600px){.vetor-erp{padding:14px}.vetor-erp-heading{align-items:flex-start}.vetor-erp-heading h4{font-size:24px}.vetor-erp-badge{display:none}.vetor-erp-summary{gap:10px}.vetor-erp-summary article{padding:14px}.vetor-erp-summary strong{font-size:19px}.vetor-erp-body{padding:14px}.vetor-erp-toolbar>.MuiTextField-root,.vetor-erp-toolbar>.MuiTextField-root:first-child{min-width:100%;width:100%}.vetor-erp-grid{grid-template-columns:1fr}.vetor-erp-pager{flex-wrap:wrap}.vetor-erp-profile .MuiButton-root{max-width:100%}}
:root[data-vetor-theme="light"] { --vetor-bg:#f4f8fe; --vetor-surface:#fff; --vetor-elevated:#edf4ff; --vetor-border:#dbe5f3; --vetor-text:#193352; --vetor-muted:#61758d; --vetor-accent:#2766ce; }
html, body, #root { min-height:100%; }
body { background:var(--vetor-bg); color:var(--vetor-text); font-family:'DM Sans',system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
::selection { background:#74b7ff; 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:#f4f8fe; }
.vetor-shell .MuiDrawer-paper { background:#14161b; border-right:1px solid #344c69; color:#f4f8fe; }
.vetor-shell .MuiDrawer-paper .MuiDivider-root { background:#344c69; }
.vetor-shell .MuiDrawer-paper .MuiListSubheader-root { position:static; background:transparent; }
.vetor-shell .MuiButton-containedPrimary, .vetor-shell .MuiButton-containedSecondary { background:#74b7ff; color:#080b0b; box-shadow:none; }
.vetor-shell .MuiButton-containedPrimary:hover, .vetor-shell .MuiButton-containedSecondary:hover { background:#a7d3ff; 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 { background:var(--vetor-elevated); border-top:1px solid var(--vetor-border); }
.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:#74b7ff; }
.vetor-greeting__name { font-size:13px; font-weight:500; color:#f4f8fe; }
.vetor-sidebar-footer { color:#9ca4b0; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; line-height:1.8; }
.vetor-sidebar-footer strong { display:block; color:#b2b8c2; 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:'DM Sans',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:#f4f8fe; 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:#101f35; color:#eef0f3; 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:#74b7ff; }
.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:#74b7ff; 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:#74b7ff; font-size:10px; font-weight:500; }
.vetor-login__flow i { color:#506054; font-style:normal; }
.vetor-login__panel { background:#172b46; border:1px solid #344c69; 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:#74b7ff; 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 #454c56; border-radius:7px; background:#203854; color:#eef0f3; padding:0 15px; font-family:inherit; font-size:14px; outline:none; transition:border-color .15s; }
.vetor-login__input input::placeholder { color:#a1a9b5; }
.vetor-login__input input:focus { border-color:#74b7ff; box-shadow:0 0 0 3px rgba(116,183,255,.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:#f4f8fe; box-shadow:0 0 0 1000px #203854 inset; caret-color:#f4f8fe; }
.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:#292d34; color:#74b7ff; }
.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:#74b7ff; width:15px; height:15px; margin:0; }
.vetor-login a { color:#c9d7ca; text-decoration:none; }
.vetor-login a:hover { color:#74b7ff; }
.vetor-login__submit { border:0; border-radius:7px; background:#74b7ff; color:#080b0b; width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; font:600 13px 'DM Sans',system-ui,sans-serif; cursor:pointer; transition:background .15s; }
.vetor-login__submit:hover { background:#a7d3ff; }
.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; } }
.vetor-cloud-card { background:var(--vetor-surface,#101715); border:1px solid var(--vetor-border,#29332e); border-radius:16px; padding:22px; margin:18px 0; }
.vetor-cloud-card p { color:var(--vetor-muted,#afb9b2); line-height:1.65; }
.vetor-cloud-actions { display:flex; flex-wrap:wrap; gap:10px; }
.vetor-cloud-table { width:100%; border-collapse:collapse; }
.vetor-cloud-table th,.vetor-cloud-table td { padding:12px; border-bottom:1px solid var(--vetor-border,#29332e); text-align:left; max-width:320px; overflow-wrap:anywhere; }