html[data-office-role=admin] a[href="/customers/active"],html[data-office-role=admin] a[href="/history/delivery"],html[data-office-role=admin] a[href=\/units],html[data-office-role=admin] a[href=\/quotations],html[data-office-role=admin] a[href=\/car-models],html[data-office-role=admin] a[href="/dashboard/review"],html[data-office-role=admin] a[href^="/dashboard/stocknas"],html[data-office-role=admin] a[href^="/dashboard/do"],html[data-office-role=admin] a[href^="/master/"]{display:none!important}html[data-office-role=admin] main .mb-6.rounded-2xl.border.border-slate-200.bg-white.p-5.shadow-sm:has(button[class*="bg-[#d71920]"]){display:none!important}html[data-office-role=admin] nav[aria-label=Navigasi\ utama]{display:none!important}html[data-office-role=sales] nav[aria-label=Navigasi\ utama]>div{grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width:1024px){html[data-office-role=admin] main div.grid:has(>a[href="/dashboard/status-stuj"]):has(>a[href="/dashboard/delivery"]){grid-template-columns:repeat(4,minmax(0,1fr))}}
:root{--ui-canvas:#f3f6fb;--ui-canvas-strong:#eaf0f8;--ui-surface:#ffffffeb;--ui-surface-solid:#fff;--ui-surface-muted:#f8fafc;--ui-border:#94a3b83d;--ui-border-strong:#64748b57;--ui-ink:#0b1220;--ui-muted:#64748b;--ui-soft:#94a3b8;--ui-primary:#d71920;--ui-primary-dark:#ae1117;--ui-primary-soft:#fff1f2;--ui-focus:#d719202e;--ui-shadow-sm:0 8px 24px #0f172a0e;--ui-shadow-md:0 16px 42px #0f172a14;--ui-shadow-lg:0 28px 75px #0f172a24;--ui-radius-sm:12px;--ui-radius-md:16px;--ui-radius-lg:22px;--ui-radius-xl:28px}.dark{--ui-canvas:#020817;--ui-canvas-strong:#08101f;--ui-surface:#0f172ae0;--ui-surface-solid:#0f172a;--ui-surface-muted:#111c2f;--ui-border:#47556980;--ui-border-strong:#64748ba8;--ui-ink:#f8fafc;--ui-muted:#a8b4c7;--ui-soft:#718096;--ui-primary-soft:#7f1d1d57;--ui-focus:#f8717138;--ui-shadow-sm:0 8px 24px #0000003d;--ui-shadow-md:0 18px 48px #0000004d;--ui-shadow-lg:0 32px 84px #0006}body.livetrack-ui-v3{background:radial-gradient(circle at 8% -10%, #d7192017, transparent 31rem), radial-gradient(circle at 92% 4%, #2563eb0f, transparent 29rem), linear-gradient(180deg, #f9fbfe 0%, var(--ui-canvas) 100%);min-width:320px}.dark body.livetrack-ui-v3{background:radial-gradient(circle at 8% -10%, #d719202e, transparent 32rem), radial-gradient(circle at 96% 0%, #1e40af24, transparent 30rem), linear-gradient(180deg, #020617 0%, var(--ui-canvas) 100%)}body.livetrack-ui-v3:before{content:"";z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(#94a3b809 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 72%);mask-image:linear-gradient(#000 0%,#0000 72%)}.livetrack-shell{isolation:isolate;position:relative}.livetrack-content{min-width:0}.livetrack-sidebar{border-right-color:var(--ui-border)!important;background:linear-gradient(#fffffffa,#f8fafcf5)!important;width:272px!important;box-shadow:14px 0 42px #0f172a0b!important}.dark .livetrack-sidebar{background:linear-gradient(#020617fa,#08101ffa)!important;box-shadow:16px 0 48px #0000004d!important}@media (min-width:1024px){.livetrack-content{padding-left:272px!important}}.livetrack-sidebar-nav a{letter-spacing:-.005em;border:1px solid #0000;min-height:44px!important}.livetrack-sidebar-nav a:hover{border-color:var(--ui-border);box-shadow:0 7px 20px #0f172a0b}.livetrack-sidebar-nav a[data-active=true]{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b)!important;box-shadow:0 11px 28px #0f172a33!important}.dark .livetrack-sidebar-nav a[data-active=true]{background:linear-gradient(135deg,#f8fafc,#dbe4ef)!important;box-shadow:0 12px 30px #00000057!important}.livetrack-sidebar-nav a[data-active=true]:before{content:"";background:var(--ui-primary);border-radius:999px;width:3px;height:22px;position:absolute;top:50%;left:-4px;transform:translateY(-50%);box-shadow:0 0 18px #d719208c}.livetrack-header{box-shadow:0 8px 26px #0f172a09;border-bottom-color:var(--ui-border)!important;-webkit-backdrop-filter:blur(20px)saturate(145%)!important;backdrop-filter:blur(20px)saturate(145%)!important;background:#ffffffd1!important}.dark .livetrack-header{box-shadow:0 8px 30px #0000002e;background:#020617c7!important}.livetrack-main{max-width:1600px!important;padding-top:1.25rem!important}.livetrack-main>*{animation:.26s cubic-bezier(.2,.8,.2,1) both ui-page-in}.livetrack-footer{border-top-color:var(--ui-border)!important;background:0 0!important}.ui-current-page{min-width:0}.ui-current-page__eyebrow{align-items:center;gap:.45rem;display:flex}.ui-current-page__eyebrow:before{content:"";background:var(--ui-primary);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 4px #d7192017}body.livetrack-ui-v3 main :where(section[class*=rounded-],article[class*=rounded-],form[class*=rounded-],div[class*=rounded-2xl][class*=border][class*=bg-white],div[class*="rounded-[24px]"][class*=border],div[class*="rounded-[28px]"][class*=border],div[class*="rounded-[30px]"][class*=border]){border-color:var(--ui-border)}body.livetrack-ui-v3 main :where(section[class*=bg-white],article[class*=bg-white],form[class*=bg-white],div[class*=bg-white][class*=border]){box-shadow:var(--ui-shadow-sm)}body.livetrack-ui-v3 main :where(section[class*=bg-white],article[class*=bg-white],form[class*=bg-white]):hover{border-color:var(--ui-border-strong)}.ui-page-header{min-height:156px;border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow-md)!important;background:radial-gradient(circle at 94% 5%,#d719201f,#0000 17rem),linear-gradient(135deg,#fffffffa,#f8fafcf0)!important}.dark .ui-page-header{background:radial-gradient(circle at 94% 5%,#d7192038,#0000 18rem),linear-gradient(135deg,#0f172afa,#08101ff5)!important}.ui-page-header:after{content:"";background:linear-gradient(90deg, var(--ui-primary), transparent);opacity:.8;border-radius:999px;width:58px;height:4px;position:absolute;bottom:1.1rem;right:1.25rem}.ui-page-header__action>*{min-height:44px}.ui-status-card,.ui-unit-card,.ui-data-panel{border-color:var(--ui-border)!important;background:var(--ui-surface-solid)!important;box-shadow:var(--ui-shadow-sm)!important}.ui-status-card:hover,.ui-unit-card:hover{border-color:var(--ui-border-strong)!important;box-shadow:var(--ui-shadow-md)!important;transform:translateY(-3px)!important}.ui-empty-state{flex-direction:column;justify-content:center;min-height:260px;display:flex;position:relative;overflow:hidden;border-color:var(--ui-border-strong)!important;background:linear-gradient(135deg,#fffffff2,#f8fafcd1)!important}.dark .ui-empty-state{background:linear-gradient(135deg,#0f172af5,#08101fe0)!important}.ui-empty-state:before{content:"";pointer-events:none;background:radial-gradient(circle,#d7192012,#0000 68%);border-radius:999px;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-search-input input,body.livetrack-ui-v3 main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),body.livetrack-ui-v3 main select,body.livetrack-ui-v3 main textarea{border-color:var(--ui-border-strong);background-color:var(--ui-surface-solid);border-radius:14px;min-height:44px;box-shadow:inset 0 1px #ffffffb3,0 5px 16px #0f172a09}.dark body.livetrack-ui-v3 main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.dark body.livetrack-ui-v3 main select,.dark body.livetrack-ui-v3 main textarea{background-color:#08101f;box-shadow:inset 0 1px #ffffff06}body.livetrack-ui-v3 main :where(input,select,textarea):hover{border-color:var(--ui-border-strong)!important}body.livetrack-ui-v3 main :where(input,select,textarea):focus{box-shadow:0 0 0 4px var(--ui-focus), 0 8px 22px #0f172a0d!important;border-color:#d719207a!important;outline:none!important}body.livetrack-ui-v3 main textarea{resize:vertical;min-height:104px;line-height:1.55}body.livetrack-ui-v3 main label>span:first-child,body.livetrack-ui-v3 main label>p:first-child{letter-spacing:.035em}body.livetrack-ui-v3 :where(button,a)[class*="bg-[#d71920]"],body.livetrack-ui-v3 :where(button,a)[class*=bg-red-600]{border:1px solid #991b1b2e;box-shadow:0 10px 24px #d7192038;background:linear-gradient(135deg,#e22027,#c51118)!important}body.livetrack-ui-v3 :where(button,a)[class*="bg-[#d71920]"]:hover,body.livetrack-ui-v3 :where(button,a)[class*=bg-red-600]:hover{transform:translateY(-1px);box-shadow:0 14px 30px #d7192047}body.livetrack-ui-v3 :where(button,a)[class*=bg-slate-950]{box-shadow:0 9px 22px #0f172a29;background:linear-gradient(135deg,#111827,#020617)!important}.dark body.livetrack-ui-v3 :where(button,a)[class*=dark\:bg-white]{box-shadow:0 9px 24px #00000042}body.livetrack-ui-v3 main button:active,body.livetrack-ui-v3 main a:active{transform:scale(.985)}body.livetrack-ui-v3 main .overflow-x-auto:has(table){background:var(--ui-surface-solid);box-shadow:var(--ui-shadow-sm);scrollbar-gutter:stable;position:relative;border:1px solid var(--ui-border)!important;border-radius:20px!important}body.livetrack-ui-v3 main table{border-collapse:separate!important;border-spacing:0!important}body.livetrack-ui-v3 main table thead{background:linear-gradient(180deg, var(--ui-surface-muted), #f8fafcb8)!important}.dark body.livetrack-ui-v3 main table thead{background:linear-gradient(#111c2f,#0b1424)!important}body.livetrack-ui-v3 main table th{white-space:nowrap;letter-spacing:.09em;height:46px;color:var(--ui-muted)!important;border-bottom-color:var(--ui-border)!important}body.livetrack-ui-v3 main table td{vertical-align:middle;border-bottom-color:#94a3b824!important}body.livetrack-ui-v3 main table tbody tr{transition:background-color .16s,box-shadow .16s}body.livetrack-ui-v3 main table tbody tr:hover{box-shadow:inset 3px 0 0 var(--ui-primary);background:#f8fafcdb!important}.dark body.livetrack-ui-v3 main table tbody tr:hover{background:#1e293b7a!important}body.livetrack-ui-v3 [role=dialog]{-webkit-backdrop-filter:blur(7px)saturate(115%);backdrop-filter:blur(7px)saturate(115%)}body.livetrack-ui-v3 [role=dialog]>section,body.livetrack-ui-v3 [role=dialog]>div[class*=rounded-]{border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow-lg)!important}.ui-drawer{background:var(--ui-surface-solid)!important;box-shadow:var(--ui-shadow-lg)!important}.livetrack-mobile-sheet{border:1px solid var(--ui-border);border-bottom:0;background:linear-gradient(#fffffffc,#f8fafcfa)!important}.dark .livetrack-mobile-sheet{background:linear-gradient(#0f172afc,#020817fc)!important}.ui-dashboard-hero{background:radial-gradient(circle at 88% 6%,#ef444457,#0000 20rem),radial-gradient(circle at 30% 110%,#2563eb33,#0000 25rem),linear-gradient(135deg,#070d1a 0%,#111c31 60%,#1d101b 100%)!important;box-shadow:0 28px 85px #0f172a3d!important}.ui-dashboard-metric{min-height:176px}.livetrack-bottom-nav{left:.55rem!important;right:.55rem!important;bottom:max(.45rem, env(safe-area-inset-bottom))!important;border:1px solid var(--ui-border)!important;background:#fffffff0!important;border-radius:22px!important;padding-bottom:.28rem!important;box-shadow:0 18px 45px #0f172a2e!important}.dark .livetrack-bottom-nav{background:#08101ff0!important;box-shadow:0 20px 50px #0006!important}.livetrack-bottom-nav a,.livetrack-bottom-nav button{min-height:56px}.livetrack-bottom-nav a[aria-current=page]{box-shadow:0 6px 18px #d7192017;background:linear-gradient(#fef2f2fa,#ffffffeb)!important}.dark .livetrack-bottom-nav a[aria-current=page]{background:linear-gradient(#7f1d1d59,#0f172ad9)!important}@media (max-width:1023px){.livetrack-main{padding-inline:1rem!important;padding-bottom:7.35rem!important}.livetrack-header>div{min-height:64px}.ui-page-header{min-height:0}.ui-page-header__action,.ui-page-header__action>*{width:100%}}@media (max-width:640px){body.livetrack-ui-v3{background:var(--ui-canvas)}.livetrack-main{padding-top:.8rem!important;padding-inline:.75rem!important}.livetrack-main>*+*{margin-top:.85rem}.ui-page-header{box-shadow:var(--ui-shadow-sm)!important;border-radius:22px!important;margin-bottom:.85rem!important;padding:1rem!important}.ui-page-header h1{font-size:1.45rem!important;line-height:1.15!important}.ui-page-header p{font-size:.8rem;line-height:1.45}body.livetrack-ui-v3 main :where(section[class*=rounded-],article[class*=rounded-],form[class*=rounded-],div[class*=rounded-2xl][class*=border]){border-radius:18px}body.livetrack-ui-v3 main button,body.livetrack-ui-v3 main a[class*=inline-flex],body.livetrack-ui-v3 main a[class*=flex]{min-height:42px}body.livetrack-ui-v3 main .overflow-x-auto:has(table){scroll-snap-type:x proximity;margin-inline:-.15rem;border-radius:17px!important}body.livetrack-ui-v3 main table th,body.livetrack-ui-v3 main table td{padding-inline:.85rem!important}body.livetrack-ui-v3 [role=dialog]{align-items:flex-end!important}body.livetrack-ui-v3 [role=dialog]>section,body.livetrack-ui-v3 [role=dialog]>div[class*=rounded-]{border-bottom:0!important;border-radius:24px 24px 0 0!important;width:100%!important;max-width:none!important;max-height:94dvh!important}.ui-dashboard-hero{border-radius:24px!important;padding:1.15rem!important}.ui-dashboard-hero h1{line-height:1.08;font-size:1.75rem!important}.ui-dashboard-metric{min-height:152px;padding:.9rem!important}.ui-dashboard-metric [class*=text-3xl]{font-size:1.6rem!important}}@media (hover:none){.ui-status-card:hover,.ui-unit-card:hover,body.livetrack-ui-v3 main :where(button,a):hover{transform:none!important}}@media print{body.livetrack-ui-v3,.dark body.livetrack-ui-v3{background:#fff!important}body.livetrack-ui-v3:before,.livetrack-sidebar,.livetrack-header,.livetrack-bottom-nav,.livetrack-footer{display:none!important}.livetrack-content{padding-left:0!important}.livetrack-main{max-width:none!important;padding:0!important}}@keyframes ui-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}