@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--accent:#6366f1;--accent-hover:#7c7ff5;--accent-soft:rgba(99,102,241,.14);--accent-glow:rgba(99,102,241,.35);--green:#22c55e;--green-soft:rgba(34,197,94,.14);--amber:#f59e0b;--amber-soft:rgba(245,158,11,.15);--red:#ef4444;--red-soft:rgba(239,68,68,.14);--bg:#0a0b0f;--bg-grad:radial-gradient(1200px 600px at 100% -10%, rgba(99,102,241,.08), transparent 60%);--surface:#121319;--surface-2:#181a22;--surface-inset:#0e0f15;--border:rgba(255,255,255,.07);--border-strong:rgba(255,255,255,.12);--text:#e9eaf0;--text-muted:#8b8f9c;--text-faint:#5b5f6b;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 24px -8px rgba(0,0,0,.55);--shadow-lg:0 18px 50px -12px rgba(0,0,0,.7);--sidebar-bg:#0c0d12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f5f6f8;--bg-grad:radial-gradient(1200px 600px at 100% -10%, rgba(99,102,241,.1), transparent 60%);--surface:#fff;--surface-2:#fafafc;--surface-inset:#f3f4f7;--border:rgba(17,20,32,.08);--border-strong:rgba(17,20,32,.14);--text:#15171e;--text-muted:#62656f;--text-faint:#9498a3;--shadow-sm:0 1px 2px rgba(17,20,32,.06);--shadow-md:0 6px 20px -10px rgba(17,20,32,.18);--shadow-lg:0 20px 48px -16px rgba(17,20,32,.22);--sidebar-bg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);background-image:var(--bg-grad);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-size:14px;line-height:1.5;transition:background-color .35s,color .35s}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text);margin:0;font-weight:600}button{cursor:pointer;font-family:inherit}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.app{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app__main{flex-direction:column;min-width:0;display:flex}.app__content{padding:var(--space-6) var(--space-8) var(--space-10);flex:1}.scrim{backdrop-filter:blur(2px);z-index:40;background:rgba(0,0,0,.5);animation:.2s fade;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);height:100vh;padding:var(--space-5) var(--space-4);z-index:50;flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-6);display:flex}.brand__mark{color:#fff;background:linear-gradient(140deg, var(--accent), #9b8cff);width:34px;height:34px;box-shadow:0 4px 14px -2px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.25);border-radius:10px;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.brand__name{letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.1}.brand__tag{color:var(--text-muted);letter-spacing:.01em;font-size:11px}.nav{flex-direction:column;gap:2px;display:flex}.nav__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:var(--space-3) var(--space-3) var(--space-2);font-size:10.5px;font-weight:600}.nav__item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;background:0 0;border:none;width:100%;font-size:13.5px;font-weight:500;transition:color .15s,background-color .15s;display:flex;position:relative}.nav__item:hover{color:var(--text);background:var(--surface-2)}.nav__item.is-active{color:var(--text);background:var(--accent-soft)}.nav__item.is-active:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:3px;height:18px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.nav__item.is-active svg{color:var(--accent)}.nav__badge{border-radius:var(--radius-pill);background:var(--accent);color:#fff;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:600}.sidebar__foot{padding-top:var(--space-4);margin-top:auto}.profile{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);display:flex}.profile__name{font-size:13px;font-weight:600;line-height:1.2}.profile__role{color:var(--text-muted);font-size:11px}.profile__more{color:var(--text-faint);background:0 0;border:none;place-items:center;margin-left:auto;display:grid}.avatar{color:#fff;background:linear-gradient(140deg, var(--accent), #c084fc);letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12.5px;font-weight:600;display:grid}.topbar{z-index:30;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(14px)saturate(140%);display:flex;position:sticky;top:0}.topbar__title{font-size:19px;font-weight:600}.topbar__crumb{color:var(--text-muted);margin-top:1px;font-size:12px}.topbar__spacer{flex:1}.topbar__actions{align-items:center;gap:var(--space-2);display:flex}.hamburger{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);place-items:center;width:38px;height:38px;display:none}.search{align-items:center;gap:var(--space-2);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-3);width:260px;height:38px;color:var(--text-muted);transition:border-color .15s,box-shadow .15s;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search input::placeholder{color:var(--text-faint)}.search kbd{font-size:10px;font-family:var(--font);color:var(--text-faint);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-muted);place-items:center;transition:color .15s,background-color .15s,border-color .15s;display:grid;position:relative}.icon-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.icon-btn__dot{background:var(--red);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.card--pad{padding:var(--space-5)}.card--hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.card__title{font-size:14.5px;font-weight:600}.card__sub{color:var(--text-muted);margin-top:2px;font-size:12px}.toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.toolbar__lead h2{font-size:16px}.toolbar__lead p{color:var(--text-muted);margin:2px 0 0;font-size:12.5px}.toolbar__spacer{flex:1}.segment{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.segment__btn{color:var(--text-muted);border-radius:var(--radius-pill);background:0 0;border:none;padding:6px 14px;font-size:12.5px;font-weight:500;transition:color .15s,background-color .2s}.segment__btn:hover{color:var(--text)}.segment__btn.is-active{color:#fff;background:var(--accent);box-shadow:0 2px 8px -2px var(--accent-glow)}[data-theme=light] .segment__btn.is-active{color:#fff}.btn-soft{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-soft:hover{background:var(--surface-2);border-color:var(--border-strong)}.grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.grid--kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--main{margin-top:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.grid--split{margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.grid--lower{margin-top:var(--space-5);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.stat__top{justify-content:space-between;align-items:center;display:flex}.stat__icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.stat__label{color:var(--text-muted);margin:var(--space-4) 0 var(--space-2);font-size:12.5px;font-weight:500}.stat__value{letter-spacing:-.03em;font-size:27px;font-weight:700;line-height:1}.stat__foot{margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.delta{border-radius:var(--radius-pill);align-items:center;gap:3px;padding:2px 7px 2px 5px;font-size:12px;font-weight:600;display:inline-flex}.delta--up{color:var(--green);background:var(--green-soft)}.delta--down{color:var(--red);background:var(--red-soft)}.delta__note{color:var(--text-faint);font-size:11.5px}.chart-wrap{width:100%}.rtooltip{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);min-width:130px}.rtooltip__label{color:var(--text-muted);margin-bottom:var(--space-2);font-size:11px;font-weight:500}.rtooltip__row{align-items:center;gap:var(--space-2);font-size:13px;display:flex}.rtooltip__dot{border-radius:50%;flex:none;width:8px;height:8px}.rtooltip__val{margin-left:auto;font-weight:600}.legend{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.legend__item{align-items:center;gap:var(--space-3);font-size:13px;display:flex}.legend__dot{border-radius:3px;flex:none;width:9px;height:9px}.legend__name{color:var(--text-muted)}.legend__pct{margin-left:auto;font-weight:600}.donut-center{flex-direction:column;align-items:center;display:flex}.donut-center small{color:var(--text-muted);font-size:11px}.donut-center b{letter-spacing:-.02em;font-size:22px;font-weight:700}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:0 var(--space-4) var(--space-3);white-space:nowrap;font-size:11px;font-weight:600}.table tbody td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);white-space:nowrap}.table tbody tr{transition:background-color .12s}.table tbody tr:hover{background:var(--surface-2)}.table__amount{font-weight:600}.table__muted{color:var(--text-muted)}.cust{align-items:center;gap:var(--space-3);display:flex}.cust__name{font-weight:500}.avatar--sm{width:30px;height:30px;font-size:11px}.badge{border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--paid{color:var(--green);background:var(--green-soft)}.badge--pending{color:var(--amber);background:var(--amber-soft)}.badge--refunded{color:var(--red);background:var(--red-soft)}.plist{gap:var(--space-5);flex-direction:column;display:flex}.plist__row{gap:var(--space-2);flex-direction:column;display:flex}.plist__head{justify-content:space-between;align-items:center;display:flex}.plist__name{align-items:center;gap:var(--space-3);font-size:13px;font-weight:500;display:flex}.plist__rank{background:var(--surface-inset);width:22px;height:22px;color:var(--text-muted);border-radius:7px;place-items:center;font-size:11px;font-weight:600;display:grid}.plist__val{font-size:12.5px;font-weight:600}.plist__sub{color:var(--text-muted);font-size:11.5px}.bar{border-radius:var(--radius-pill);background:var(--surface-inset);height:7px;overflow:hidden}.bar__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), #9b8cff);transform-origin:0;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) both grow}.placeholder{text-align:center;min-height:60vh;padding:var(--space-8);place-items:center;display:grid}.placeholder__icon{border-radius:var(--radius-lg);background:var(--accent-soft);width:56px;height:56px;color:var(--accent);margin:0 auto var(--space-5);place-items:center;display:grid}.placeholder h2{margin-bottom:var(--space-2);font-size:20px}.placeholder p{color:var(--text-muted);max-width:380px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.enter{animation:.45s cubic-bezier(.22,1,.36,1) both rise}.enter-1{animation-delay:40ms}.enter-2{animation-delay:80ms}.enter-3{animation-delay:.12s}.enter-4{animation-delay:.16s}.enter-5{animation-delay:.2s}.enter-6{animation-delay:.24s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}@media (max-width:1200px){.grid--kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.app{grid-template-columns:1fr}.app__content{padding:var(--space-5) var(--space-5) var(--space-8)}.topbar{padding:var(--space-4) var(--space-5)}.sidebar{width:264px;box-shadow:var(--shadow-lg);transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.scrim.is-open{display:block}.hamburger{display:grid}.grid--main,.grid--split,.grid--lower{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.grid--kpi{grid-template-columns:minmax(0,1fr)}.search{display:none}.topbar{padding:var(--space-3) var(--space-4)}.app__content{padding:var(--space-4)}}.ta-right{text-align:right}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.btn-accent{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:#fff;box-shadow:0 2px 10px -3px var(--accent-glow);border:none;font-size:13px;font-weight:600;transition:filter .15s,transform .1s;display:inline-flex}.btn-accent:hover{filter:brightness(1.08)}.btn-accent:active{transform:translateY(1px)}.btn-danger{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border:1px solid var(--red-soft);border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);font-size:13px;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-danger:hover{background:color-mix(in srgb, var(--red) 22%, transparent)}.btn-danger--sm,.btn-soft--sm{height:32px;padding:0 var(--space-3);font-size:12.5px}.link-btn{color:var(--accent);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:12.5px;font-weight:600;display:inline-flex}.link-btn:hover{background:var(--accent-soft)}.icon-btn--ghost{background:0 0;border:none}.icon-btn--ghost:hover{background:var(--surface-2)}.icon-btn--sm{width:30px;height:30px}.live-toggle{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.live-toggle:hover{color:var(--text);border-color:var(--border-strong)}.live-toggle__dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px}.live-toggle.is-on{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-soft)}.live-toggle.is-on .live-toggle__dot{background:var(--green);box-shadow:0 0 0 0 var(--green);animation:1.6s infinite pulse-dot}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 70%, transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 transparent}}.avatar--lg{border-radius:14px;width:48px;height:48px;font-size:16px}.cust__name{font-weight:500;display:block}.cust__meta{color:var(--text-muted);font-size:11.5px;display:block}.overlay{z-index:100;padding:var(--space-5);backdrop-filter:blur(3px);background:rgba(3,4,8,.55);place-items:center;animation:.15s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.overlay--top{align-items:flex-start;padding-top:12vh}.overlay--drawer{opacity:0;pointer-events:none;background:rgba(3,4,8,.5);padding:0;transition:opacity .25s;animation:none;display:block}.overlay--drawer.is-open{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:.18s cubic-bezier(.22,1,.36,1) pop}.modal--sm{max-width:400px}.modal--lg{max-width:640px}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);display:flex}.modal__title{font-size:16px}.modal__sub{color:var(--text-muted);margin-top:3px;font-size:12.5px}.modal__body{padding:0 var(--space-5) var(--space-5)}.modal__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);justify-content:flex-end;gap:var(--space-3);display:flex}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.drawer{z-index:101;background:var(--surface);border-left:1px solid var(--border-strong);width:420px;max-width:92vw;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(102%)}.drawer.is-open{transform:translate(0)}.drawer__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--border);display:flex}.drawer__title{font-size:16px}.drawer__sub{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12px}.drawer__body{padding:var(--space-5);flex:1;overflow-y:auto}.drawer__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.drawer__actions{gap:var(--space-3);display:flex}.drawer__actions .btn-soft,.drawer__actions .btn-danger{flex:1;justify-content:center}.detail__hero{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.detail__name{margin-bottom:var(--space-2);font-size:16px;font-weight:600}.detail__grid{flex-direction:column;gap:2px;margin:0;display:flex}.detail__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:13.5px;display:flex}.detail__row dt{color:var(--text-muted)}.detail__row dd{text-align:right;margin:0;font-weight:500}.form__grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field--full{grid-column:1/-1}.field__label{color:var(--text-muted);font-size:12px;font-weight:600}.field__error{color:var(--red);font-size:11.5px;font-weight:500}.control{width:100%;height:38px;padding:0 var(--space-3);color:var(--text);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select.control{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8f9c' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:30px}.control--inline{width:auto;min-width:150px}.field--error .control{border-color:var(--red)}.control-wrap{align-items:center;display:flex;position:relative}.control__prefix{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;left:12px}.control--prefixed{padding-left:24px}.form__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.confirm{gap:var(--space-4);align-items:flex-start;display:flex}.confirm__icon{background:var(--red-soft);width:40px;height:40px;color:var(--red);border-radius:11px;flex:none;place-items:center;display:grid}.confirm__msg{color:var(--text-muted);font-size:13.5px;line-height:1.55}.dt__toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.dt__toolbar-right{gap:var(--space-3);margin-left:auto;display:flex}.dt__search{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-3);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);flex:1;min-width:260px;max-width:360px;transition:border-color .15s,box-shadow .15s;display:flex}.dt__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dt__search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.dt__search input::placeholder{color:var(--text-faint)}.bulkbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);animation:.2s rise;display:flex}.bulkbar__count{color:var(--accent);font-size:13px;font-weight:600}.bulkbar__spacer{flex:1}.table--interactive tbody td{padding-top:var(--space-3);padding-bottom:var(--space-3)}.th-check{width:40px;padding-left:var(--space-2)!important}.th-actions{width:44px}.th--sortable{cursor:pointer;user-select:none}.th--sortable:hover{color:var(--text-muted)}.th__inner{align-items:center;gap:4px;display:inline-flex}.ta-right .th__inner{flex-direction:row-reverse}.th__sort{opacity:.4}.th__sort.is-on{opacity:1;color:var(--accent)}.row--click{cursor:pointer}.check{-webkit-appearance:none;appearance:none;border:1.5px solid var(--border-strong);background:var(--surface-inset);cursor:pointer;border-radius:5px;place-items:center;width:16px;height:16px;transition:background-color .12s,border-color .12s;display:grid}.check:checked,.check:indeterminate{background:var(--accent);border-color:var(--accent)}.check:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;transform:rotate(45deg)translateY(-1px)}.check:indeterminate:after{content:"";background:#fff;width:8px;height:2px}.row--new{animation:2.4s forwards rowflash}@keyframes rowflash{0%{background:var(--accent-soft)}to{background:0 0}}.dt__foot{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dt__count{color:var(--text-muted);font-size:12.5px}.pager{align-items:center;gap:var(--space-2);display:flex}.pager__page{color:var(--text-muted);padding:0 var(--space-2);font-size:12.5px}.pager__btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text);border-radius:var(--radius-sm);place-items:center;transition:background-color .15s,border-color .15s;display:grid}.pager__btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.pager__btn:disabled{opacity:.4;cursor:not-allowed}.rowmenu{display:inline-flex;position:relative}.menu{z-index:20;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:150px;box-shadow:var(--shadow-lg);padding:5px;animation:.14s pop;position:absolute;top:calc(100% + 4px);right:0}.menu__item{align-items:center;gap:var(--space-3);width:100%;padding:8px var(--space-3);color:var(--text);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;font-size:13px;display:flex}.menu__item:hover{background:var(--surface-inset)}.menu__item--danger{color:var(--red)}.menu__item--danger:hover{background:var(--red-soft)}.empty{text-align:center;padding:var(--space-10) var(--space-5);place-items:center;display:grid}.empty__icon{border-radius:var(--radius-md);background:var(--surface-inset);width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--space-4);place-items:center;display:grid}.empty__title{margin-bottom:var(--space-2);font-size:15px}.empty__msg{color:var(--text-muted);max-width:320px;font-size:13px}.skeleton{background:linear-gradient(100deg, var(--surface-inset) 30%, var(--surface-2) 50%, var(--surface-inset) 70%);background-size:200% 100%;animation:1.3s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cmdk{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:.16s pop;overflow:hidden}.cmdk__search{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.cmdk__search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.cmdk__search input::placeholder{color:var(--text-faint)}.cmdk__search kbd{color:var(--text-faint);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:10.5px}.cmdk__list{max-height:340px;padding:var(--space-2);overflow-y:auto}.cmdk__empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:13px}.cmdk__item{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);color:var(--text);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;font-size:13.5px;display:flex}.cmdk__item.is-active{background:var(--accent-soft)}.cmdk__icon{color:var(--text-muted);display:inline-flex}.cmdk__item.is-active .cmdk__icon{color:var(--accent)}.cmdk__label{flex:1}.cmdk__section{color:var(--text-faint);font-size:11px}.cmdk__enter{color:var(--accent)}.notif-anchor{position:relative}.notif{z-index:60;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-lg);animation:.16s pop;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif__head{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.notif__head strong{font-size:13.5px}.notif__count{color:var(--text-muted);margin-left:var(--space-2);font-size:11.5px}.notif__list{max-height:360px;overflow-y:auto}.notif__empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:13px}.notif__item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.notif__item:last-child{border-bottom:none}.notif__item.is-unread{background:color-mix(in srgb, var(--accent) 5%, transparent)}.notif__icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.notif__text{flex-direction:column;flex:1;gap:2px;display:flex}.notif__title{font-size:13px;line-height:1.35}.notif__time{color:var(--text-faint);font-size:11px}.notif__dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.search-wrap{position:relative}.search-results{z-index:60;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:360px;max-width:80vw;box-shadow:var(--shadow-lg);padding:var(--space-2);animation:.16s pop;position:absolute;top:calc(100% + 8px);left:0}.search-results__empty{padding:var(--space-5);text-align:center;color:var(--text-muted);font-size:13px}.search-results__item{align-items:center;gap:var(--space-3);width:100%;padding:9px var(--space-3);border-radius:var(--radius-sm);text-align:left;color:var(--text);background:0 0;border:none;display:flex}.search-results__item:hover{background:var(--surface-2)}.search-results__icon{background:var(--surface-inset);width:30px;height:30px;color:var(--text-muted);border-radius:9px;flex:none;place-items:center;display:grid}.search-results__text{flex-direction:column;flex:1;display:flex}.search-results__title{font-size:13px;font-weight:500}.search-results__meta{color:var(--text-muted);font-size:11.5px}.search-results__tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 7px;font-size:10px}.settings{gap:var(--space-5);flex-direction:column;max-width:820px;display:flex}.setrow{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--border);display:flex}.setrow:first-of-type{border-top:none}.setrow__info h4{margin-bottom:3px;font-size:14px}.setrow__info p{color:var(--text-muted);margin:0;font-size:12.5px}.setrow__control{flex:none}.swatches{align-items:center;gap:var(--space-2);display:flex}.swatch{color:#fff;cursor:pointer;border:2px solid transparent;border-radius:9px;place-items:center;width:28px;height:28px;transition:transform .12s;display:grid;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.swatch:hover{transform:scale(1.1)}.swatch.is-on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px currentColor}.swatch--custom{background:conic-gradient(from 180deg,#ef4444,#f97316,#eab308,#22c55e,#0ea5e9,#6366f1,#ec4899,#ef4444);position:relative;overflow:hidden}.swatch--custom input{opacity:0;cursor:pointer;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.toast-stack{right:var(--space-6);bottom:var(--space-6);z-index:200;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);min-width:240px;max-width:360px;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:.28s cubic-bezier(.22,1,.36,1) toastin;display:flex}.toast__icon{flex:none}.toast--success .toast__icon{color:var(--green)}.toast--info .toast__icon{color:var(--accent)}.toast--delete .toast__icon,.toast--error .toast__icon{color:var(--red)}.toast__msg{flex:1;font-size:13px;font-weight:500}.toast__close{color:var(--text-faint);background:0 0;border:none;border-radius:5px;place-items:center;padding:2px;display:grid}.toast__close:hover{color:var(--text);background:var(--surface-inset)}@keyframes toastin{0%{opacity:0;transform:translate(20px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.collapse-btn{align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-3);padding:9px var(--space-3);color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;font-size:13px;font-weight:500;display:flex}.collapse-btn:hover{color:var(--text);background:var(--surface-2)}@media (min-width:1025px){.app--collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar--collapsed{padding-left:var(--space-3);padding-right:var(--space-3);align-items:stretch}.sidebar--collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar--collapsed .brand__text,.sidebar--collapsed .nav__text,.sidebar--collapsed .nav__label,.sidebar--collapsed .nav__badge,.sidebar--collapsed .profile__text{display:none}.sidebar--collapsed .nav__item{justify-content:center;padding-left:0;padding-right:0}.sidebar--collapsed .nav__item.is-active:before{left:-12px}.sidebar--collapsed .profile{padding:var(--space-2);justify-content:center}.sidebar--collapsed .collapse-btn{justify-content:center}}[data-density=compact] .card--pad{padding:var(--space-4)}[data-density=compact] .table tbody td,[data-density=compact] .table--interactive tbody td{padding-top:7px;padding-bottom:7px}[data-density=compact] .stat__value{font-size:24px}[data-density=compact] .grid{gap:var(--space-4)}@media (max-width:720px){.form__grid{grid-template-columns:1fr}.dt__toolbar-right{width:100%;margin-left:0}.dt__search{max-width:none}.setrow{align-items:flex-start;gap:var(--space-3);flex-direction:column}.toast-stack{right:var(--space-4);left:var(--space-4);bottom:var(--space-4)}.toast{max-width:none}}.insights{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.insight{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;position:relative;overflow:hidden}.insight:before{content:"";background:var(--accent);opacity:.8;width:3px;position:absolute;top:0;bottom:0;left:0}.insight__icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.insight__body{flex-direction:column;min-width:0;display:flex}.insight__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px;font-weight:600}.insight__head{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.insight__sub{color:var(--text-muted);font-size:12px}.gauges{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gauge{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.gauge__ring{width:100%;height:132px;position:relative}.gauge__center{pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.gauge__center b{letter-spacing:-.02em;font-size:22px;font-weight:700}.gauge__meta{text-align:center;flex-direction:column;align-items:center;display:flex}.gauge__label{font-size:13px;font-weight:600}.gauge__vals{color:var(--text-muted);font-size:12px}.gauge__vals i{color:var(--text-faint);font-style:normal}.pill-stat{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:600}.funnel-steps{margin-top:var(--space-4);flex-direction:column;gap:2px;display:flex}.funnel-steps__row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border);font-size:13px;display:flex}.funnel-steps__dot{border-radius:3px;flex:none;width:9px;height:9px}.funnel-steps__name{color:var(--text-muted)}.funnel-steps__val{margin-left:auto;font-weight:600}.funnel-steps__drop{text-align:right;width:56px;color:var(--red);font-variant-numeric:tabular-nums;font-weight:600}.funnel-steps__drop.is-muted{color:var(--accent)}.cohort{flex-direction:column;gap:5px;display:flex;overflow-x:auto}.cohort__row{grid-template-columns:110px repeat(6,1fr);align-items:center;gap:5px;min-width:440px;display:grid}.cohort__row--head{margin-bottom:2px}.cohort__label{color:var(--text-muted);font-size:12.5px;font-weight:500}.cohort__label i{color:var(--text-faint);margin-left:4px;font-size:11px;font-style:normal}.cohort__head{color:var(--text-faint);text-align:center;font-size:11px;font-weight:600}.cohort__cell{font-variant-numeric:tabular-nums;height:34px;color:var(--text);border-radius:7px;place-items:center;font-size:12px;font-weight:600;transition:transform .12s;display:grid}.cohort__cell:hover{transform:scale(1.06)}.cohort__cell.is-empty{background:var(--surface-inset);opacity:.4}.welcome{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(100deg, var(--accent-soft), transparent 70%);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);display:flex}.welcome__icon{background:var(--accent);color:#fff;width:40px;height:40px;box-shadow:0 4px 14px -3px var(--accent-glow);border-radius:12px;flex:none;place-items:center;display:grid}.welcome__text{flex-direction:column;gap:2px;min-width:0;display:flex}.welcome__text strong{font-size:14px}.welcome__text span{color:var(--text-muted);font-size:12.5px;line-height:1.5}.welcome__cta{flex:none;margin-left:auto}.welcome__close{width:30px;height:30px;color:var(--text-faint);border-radius:var(--radius-sm);background:0 0;border:none;flex:none;place-items:center;display:grid}.welcome__close:hover{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.shortcuts{flex-direction:column;display:flex}.shortcuts__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border);display:flex}.shortcuts__row:first-child{border-top:none}.shortcuts__label{font-size:13.5px}.shortcuts__keys{gap:5px;display:flex}.shortcuts__keys kbd{font-family:var(--font);text-align:center;min-width:24px;color:var(--text);background:var(--surface-inset);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;padding:3px 7px;font-size:11.5px;font-weight:600}.splash{z-index:1000;background:var(--bg);background-image:var(--bg-grad);place-items:center;transition:opacity .45s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.splash.is-out{opacity:0;pointer-events:none}.splash__inner{align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.splash__mark{color:#fff;background:linear-gradient(140deg, var(--accent), #9b8cff);width:60px;height:60px;box-shadow:0 10px 30px -6px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.3);border-radius:18px;place-items:center;font-size:28px;font-weight:700;animation:.5s cubic-bezier(.22,1,.36,1) splash-pop;display:grid}.splash__name{letter-spacing:-.02em;font-size:17px;font-weight:700;animation:.6s .15s both fade}.splash__ring{border:2px solid transparent;border-top-color:var(--accent);opacity:.6;border-radius:50%;width:80px;height:80px;margin-left:-40px;animation:.9s linear infinite spin;position:absolute;top:-10px;left:50%}@keyframes splash-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.insights{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.gauges{grid-template-columns:minmax(0,1fr)}.welcome{flex-wrap:wrap}.welcome__cta{margin-left:0}}