:root{--sidebar: #120E2E;--sidebar-soft: #1F1A45;--sidebar-tile: #2E2760;--accent: #7C3AED;--accent-deep: #5B21B6;--accent-soft: #F4EEFF;--accent-tile: #EFE6FF;--accent-ink: #ffffff;--bg: #F8F6FC;--card: #ffffff;--border: #E7E2F1;--border-soft: #F1EDF7;--ink: #120E2E;--ink-2: #3B3560;--muted: #6B6690;--muted-2: #9C97B8;--green: #059669;--green-bg: #ecfdf5;--red: #dc2626;--red-bg: #fef2f2;--blue: #2563eb;--blue-bg: #eff6ff;--amber: #b45309;--amber-bg: #fffbeb;--violet-bg: #F4EEFF;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(18,14,46,.05);--shadow-md: 0 6px 20px rgba(18,14,46,.08);--font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:#cbd5e1;display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:4px 10px 22px}.sidebar .brand h1{color:#fff;font-size:20px;margin:0;font-weight:800;letter-spacing:-.3px}.sidebar .brand p{color:#94a3b8;font-size:12px;margin:4px 0 0}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#cbd5e1;font-weight:600;font-size:14px;transition:background .12s,color .12s}.nav a:hover{background:var(--sidebar-soft);color:#fff}.nav a.active{background:var(--accent);color:var(--accent-ink)}.nav a .ico{width:20px;height:20px;border-radius:6px;background:var(--sidebar-tile);flex:0 0 auto;display:grid;place-items:center;font-size:12px}.nav a.active .ico{background:#ffffff2e}.sidebar .foot{margin-top:auto;background:var(--sidebar-soft);border-radius:10px;padding:12px 14px}.sidebar .foot .t{color:#fff;font-weight:700;font-size:13px}.sidebar .foot .s{color:#94a3b8;font-size:12px;margin-top:2px}.sidebar .foot button{margin-top:10px;width:100%;background:transparent;color:#94a3b8;border:1px solid var(--sidebar-tile);border-radius:8px;padding:7px;font-size:12px}.sidebar .foot button:hover{color:#fff;border-color:#475569}.main{display:flex;flex-direction:column;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:18px 28px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:20}.topbar .titles{flex:1;min-width:0}.topbar h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px}.topbar .sub{color:var(--muted);font-size:13px;margin-top:2px}.topbar .search{width:320px;max-width:34vw;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px}.topbar .search:focus{outline:none;border-color:var(--accent)}.content{padding:22px 28px 40px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.card h3{margin:0 0 16px;font-size:16px;font-weight:700}.grid{display:grid;gap:16px}.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-2{grid-template-columns:repeat(2,1fr)}.g-2-1{grid-template-columns:2fr 1fr}@media(max-width:1100px){.g-4{grid-template-columns:repeat(2,1fr)}.g-2-1,.g-3,.g-2{grid-template-columns:1fr}}.stat{padding:18px 20px}.stat .label{color:var(--muted);font-size:13px;font-weight:500}.stat .value{font-size:30px;font-weight:800;letter-spacing:-1px;margin:8px 0 6px}.stat .delta{font-size:13px;font-weight:600}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.delta.flat{color:var(--muted)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--border);text-transform:none;white-space:nowrap}.tbl td{padding:15px 16px;border-bottom:1px solid var(--border-soft);font-size:14px}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:#fbfafe}.tbl .strong{font-weight:700}.tbl-wrap{overflow-x:auto}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge.green{background:var(--green-bg);color:var(--green)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.grey{background:#f3f4f6;color:var(--muted)}.btn{border:1px solid var(--border);background:#fff;color:var(--ink-2);padding:9px 16px;border-radius:9px;font-weight:600;font-size:13px}.btn:hover{background:#f9fafb}.btn.primary{background:linear-gradient(135deg,var(--accent-deep),#8B5CF6);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(.96)}.btn.dark{background:var(--sidebar);border-color:var(--sidebar);color:#fff}.btn.ghost{border-color:transparent;background:transparent;color:var(--accent);padding:6px 8px}.btn.sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.meter{height:8px;border-radius:999px;background:#eef0f3;overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:var(--green)}.meter.amber>span{background:var(--accent)}.meter.red>span{background:var(--red)}.meter.blue>span{background:var(--blue)}.bars{display:flex;align-items:flex-end;gap:14px;height:220px;padding-top:10px}.bars .bar{flex:1;background:#c4b5fd;border-radius:6px 6px 0 0;min-height:4px;transition:height .3s}.bars .bar.hi{background:var(--accent)}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:16px}.mut{color:var(--muted)}.muted-line{color:var(--muted);font-size:13px}.spacer{flex:1}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.err-banner{background:var(--red-bg);color:var(--red);padding:12px 16px;border-radius:10px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--ink-2)}.input{padding:11px 13px;border:1px solid var(--border);border-radius:9px;font-size:14px;background:#fff}.input:focus{outline:none;border-color:var(--accent)}textarea.input{min-height:72px;resize:vertical;font-family:inherit}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:50;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:absolute;top:0;right:0;height:100%;background:#fff;box-shadow:-8px 0 30px #00000026;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-body{padding:22px;overflow-y:auto;flex:1}.toast{position:fixed;bottom:24px;right:24px;z-index:100;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 8px 30px #0000002e;animation:toastIn .25s ease-out;max-width:380px}.toast.success{background:var(--green);color:#fff}.toast.error{background:var(--red);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tabs-bar{display:flex;gap:2px;border-bottom:2px solid var(--border);margin-bottom:16px}.tab-btn{padding:10px 18px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .12s}.tab-btn:hover{color:var(--ink)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.img-upload-zone{border:2px dashed var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;min-height:100px}.img-upload-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.danger:hover{filter:brightness(.92)}.search-results{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);max-height:340px;overflow-y:auto;margin-top:4px}.search-results a,.search-results button{display:block;width:100%;text-align:left;padding:10px 16px;border:none;background:transparent;cursor:pointer;border-bottom:1px solid var(--border-soft);font-size:13px}.search-results a:hover,.search-results button:hover{background:#f9fafb}.color-preview{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.loc-picker{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--card)}.loc-search{position:relative;padding:10px;border-bottom:1px solid var(--border-soft)}.loc-search .input{width:100%}.loc-results{position:absolute;z-index:5;left:10px;right:10px;top:calc(100% - 4px);margin:0;padding:4px 0;list-style:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.loc-results button{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 12px;border:0;background:none;text-align:left;font:inherit;font-size:13px;cursor:pointer}.loc-results button:hover,.loc-results button:focus-visible{background:var(--bg);outline:none}.loc-results .mut{font-size:12px}.loc-map{height:260px}.loc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--border-soft)}.loc-picker-empty{padding:14px;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.badge.violet{background:var(--violet-bg);color:var(--accent-deep)}.sidebar .brand{display:flex;align-items:center;gap:10px}.sidebar .brand .mark{width:38px;height:38px;border-radius:11px;flex:0 0 auto;background:linear-gradient(135deg,#5b21b6,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:-.5px}.nav-group{color:#7d77a8;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:14px 12px 6px}.sidebar{overflow-y:auto}.nav a{padding:9px 12px}.nav .count{margin-left:auto;background:#f43f5e;color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px}.action-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer;text-align:left;width:100%}.action-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.action-tile .n{font-size:22px;font-weight:800;color:var(--accent-deep);min-width:34px}.action-tile .t{font-weight:600;font-size:13px}.action-tile .s{color:var(--muted);font-size:12px}.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 14px;font-size:13px}.kv .k{color:var(--muted)}.kv .v{font-weight:600;word-break:break-word}.doc-card{border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:flex-start}.doc-thumb{width:84px;height:64px;border-radius:8px;background:var(--accent-soft);flex:0 0 auto;display:grid;place-items:center;overflow:hidden;color:var(--accent-deep);font-weight:700;font-size:12px}.doc-thumb img{width:100%;height:100%;object-fit:cover}.legal-preview h2{font-size:17px;margin:18px 0 6px}.legal-preview h3{font-size:15px;margin:14px 0 4px}.legal-preview p,.legal-preview li{font-size:13.5px;line-height:1.6;color:var(--ink-2)}.legal-preview table{border-collapse:collapse;width:100%;font-size:13px;margin:8px 0}.legal-preview td,.legal-preview th{border:1px solid var(--border);padding:6px 8px;text-align:left}.fleet-map{height:calc(100vh - 220px);min-height:420px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.login-card{width:400px;max-width:100%}.login-bg{background:radial-gradient(1200px 600px at 10% -10%,#8B5CF6 0%,transparent 60%),linear-gradient(135deg,#4c1d95,#120e2e)}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.topbar{position:static;flex-wrap:wrap;padding:14px 16px}.content{padding:16px}.kv{grid-template-columns:1fr}}