:root{--n-0: #ffffff;--n-25: #fcfcfd;--n-50: #f7f8f9;--n-100: #eef0f2;--n-150: #e4e7ea;--n-200: #d7dbe0;--n-300: #b9bfc7;--n-400: #8d959f;--n-500: #6b7280;--n-600: #4d545e;--n-700: #343a42;--n-800: #21252b;--n-900: #14171a;--n-950: #0b0d0f;--bg: var(--n-50);--bg-elevated: var(--n-0);--surface: var(--n-0);--surface-2: var(--n-25);--surface-3: var(--n-100);--surface-hover: var(--n-100);--surface-active: var(--n-150);--border: var(--n-150);--border-strong: var(--n-200);--border-focus: var(--n-900);--text: var(--n-900);--text-secondary: var(--n-600);--text-muted: var(--n-500);--text-inverse: var(--n-0);--accent: var(--n-900);--accent-hover: var(--n-800);--accent-text: var(--n-0);--ok: #18794e;--ok-bg: #e6f6ed;--ok-border: #a6e0c0;--warn: #8a5c00;--warn-bg: #fff5e0;--warn-border: #f0d190;--danger: #b42318;--danger-bg: #fdecea;--danger-border: #f2b8b3;--info: #175cd3;--info-bg: #eaf1fd;--info-border: #b3ccf5;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .1), 0 4px 6px -2px rgba(16, 24, 40, .04);--shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, .12), 0 8px 8px -4px rgba(16, 24, 40, .04);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-btn: 10px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--fs-h1: 28px;--lh-h1: 36px;--fs-h2: 20px;--lh-h2: 28px;--fs-h3: 16px;--lh-h3: 24px;--fs-body: 14px;--lh-body: 20px;--fs-small: 13px;--lh-small: 18px;--fs-caption: 12px;--lh-caption: 16px;--fs-kpi: 30px;--lh-kpi: 38px;--fs-axis: 11px;--fs-page-title: var(--fs-h1);--fs-section: var(--fs-h3);--fs-secondary: var(--fs-small);--fs-meta: var(--fs-caption);--h-control: 40px;--h-control-sm: 32px;--h-icon-btn: 36px;--h-nav-item: 40px;--h-badge: 24px;--h-table-row: 56px;--h-table-head: 44px;--icon-sm: 16px;--icon: 18px;--icon-lg: 20px;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 48px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s;--t-base: .18s;--t-slow: .28s;--sidebar-w: 240px;--sidebar-w-collapsed: 72px;--topbar-h: 64px;--content-max: 1440px;--content-pad: var(--s-8);--grid-cols: 12;--grid-gap: var(--s-5);--chart-h-main: 360px;--chart-h-area: 260px;--chart-h-secondary: 260px;--chart-header-h: 48px;--chart-pad: var(--s-6);--chart-axis-left: 48px;--chart-axis-bottom: 30px;--chart-grid-lines: 5;--chart-grid-opacity: .5;--chart-line-w: 2.5px;--chart-bar-radius: 4px;--chart-tooltip-radius: 10px;--chart-legend-gap: var(--s-2);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}[data-theme=dark]{--bg: #0b0d0f;--bg-elevated: #111418;--surface: #111418;--surface-2: #14181c;--surface-3: #1d2227;--surface-hover: #171b20;--surface-active: #21262c;--border: #242930;--border-strong: #333b44;--border-focus: var(--n-100);--text: #f1f3f5;--text-secondary: #a2a9b2;--text-muted: #828a94;--text-inverse: #0b0d0f;--accent: var(--n-100);--accent-hover: var(--n-0);--accent-text: var(--n-950);--ok: #4ade80;--ok-bg: rgba(74, 222, 128, .1);--ok-border: rgba(74, 222, 128, .28);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .1);--warn-border: rgba(251, 191, 36, .28);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .1);--danger-border: rgba(248, 113, 113, .28);--info: #60a5fa;--info-bg: rgba(96, 165, 250, .1);--info-border: rgba(96, 165, 250, .28);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color var(--t-base) var(--ease),color var(--t-base) var(--ease)}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.011em}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.02em}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:-.014em}h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}p{margin:0}a{color:inherit}code,kbd{font-family:var(--font-mono);font-size:12px;background:var(--surface-3);padding:2px 6px;border-radius:var(--r-xs)}::selection{background:var(--accent);color:var(--accent-text)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--n-400);background-clip:content-box}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 currentColor;opacity:.5}70%{box-shadow:0 0 0 6px currentColor;opacity:0}to{box-shadow:0 0 0 0 currentColor;opacity:0}}.muted{color:var(--text-muted)}.secondary-text{color:var(--text-secondary)}.mono{font-family:var(--font-mono);font-size:12px}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.stack{display:flex;flex-direction:column}.stack-1{gap:var(--s-1)}.stack-2{gap:var(--s-2)}.stack-3{gap:var(--s-3)}.stack-4{gap:var(--s-4)}.stack-6{gap:var(--s-6)}.row{display:flex;align-items:center}.row-2{gap:var(--s-2)}.row-3{gap:var(--s-3)}.row-4{gap:var(--s-4)}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.hint{font-size:12px;color:var(--text-muted);line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:var(--h-control);padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--r-btn);background:var(--accent);color:var(--accent-text);font-family:inherit;font-size:var(--fs-body);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--n-300)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger);filter:brightness(.92)}.btn-danger-ghost{background:transparent;color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-bg)}.btn-sm{height:var(--h-control-sm);padding:0 var(--s-3);font-size:var(--fs-small)}.btn-lg{height:44px;padding:0 var(--s-5);font-size:var(--fs-body)}.btn-ghost{height:var(--h-icon-btn)}.btn-icon{width:var(--h-control);padding:0}.btn-icon.btn-sm{width:var(--h-control-sm)}.btn-block{width:100%}.btn-spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.card-pad{padding:var(--s-5)}.card-hover:hover{border-color:var(--border-strong)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-strong);background:var(--surface-2)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);min-height:48px;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border)}.card-body{padding:var(--s-5)}.card-foot{padding:var(--s-4) var(--s-5);border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-xl) var(--r-xl)}.metric{display:flex;flex-direction:column;padding:var(--s-5)}.metric-label{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:500;color:var(--text-secondary);margin-bottom:var(--s-2)}.metric-value{font-size:var(--fs-kpi);line-height:var(--lh-kpi);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-sub{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-muted);margin-top:6px}.grid{display:grid;gap:var(--grid-gap)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-8-4{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}@media(max-width:1199px){.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-8-4{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.grid{gap:var(--s-4)}.grid-kpi,.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field-label{font-size:var(--fs-meta);font-weight:500;color:var(--text-secondary)}.field-label .req{color:var(--danger)}.input,.textarea,.select{width:100%;min-height:var(--h-control);padding:var(--s-2) var(--s-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-btn);color:var(--text);font-family:inherit;font-size:var(--fs-body);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.textarea:hover,.select:hover{border-color:var(--n-300)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 14%,transparent)}.input-error{border-color:var(--danger)}.textarea{min-height:90px;resize:vertical;line-height:1.5}.field-error{font-size:var(--fs-meta);color:var(--danger)}.search{position:relative;display:flex;align-items:center}.search .input{padding-left:32px}.search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none;display:flex}.switch{position:relative;width:36px;height:20px;flex:none;border-radius:var(--r-full);border:none;background:var(--n-300);cursor:pointer;padding:0;transition:background-color var(--t-base) var(--ease)}[data-theme=dark] .switch{background:var(--n-700)}.switch[data-on=true]{background:var(--accent)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--ease-spring)}.switch[data-on=true]:after{transform:translate(16px)}.badge{display:inline-flex;align-items:center;gap:var(--s-2);height:var(--h-badge);padding:0 var(--s-2);border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:var(--fs-meta);font-weight:500;white-space:nowrap}.badge-ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}.badge-warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.badge-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.badge-solid{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.dot-live{animation:pulse-ring 2s var(--ease) infinite}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow-x:auto;overflow-y:hidden;box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-body)}.table thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);height:var(--h-table-head);padding:0 var(--s-5);text-align:left;font-size:var(--fs-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{min-height:var(--h-table-row)}.table tbody tr{transition:background-color var(--t-fast) var(--ease)}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:none}.table .num{font-variant-numeric:tabular-nums;text-align:right}.table .actions{display:flex;gap:var(--s-1);justify-content:flex-end;align-items:center}.table tbody tr.row-clickable{cursor:pointer}.table tbody tr .row-actions{opacity:0;transition:opacity var(--t-fast) var(--ease)}.table tbody tr:hover .row-actions,.table tbody tr:focus-within .row-actions{opacity:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0b0d0f73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--t-base) var(--ease) both}.modal{width:100%;max-width:520px;max-height:min(86vh,780px);display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);animation:scale-in var(--t-slow) var(--ease-out) both;overflow:hidden}.modal-lg{max-width:720px}.modal-sm{max-width:400px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-5);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--fs-section);font-weight:600}.modal-desc{font-size:var(--fs-meta);color:var(--text-secondary);margin-top:var(--s-1)}.modal-body{padding:var(--s-5);overflow:auto;flex:1}.modal-foot{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--border);background:var(--surface-2)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b0d0f73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--t-base) var(--ease) both}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:101;width:min(560px,100vw);display:flex;flex-direction:column;background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);animation:slide-left var(--t-slow) var(--ease-out) both}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-5);border-bottom:1px solid var(--border)}.drawer-body{padding:var(--s-5);overflow:auto;flex:1}.drawer-foot{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--border);background:var(--surface-2)}.tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border);margin-bottom:var(--s-5);overflow-x:auto}.tab{position:relative;height:36px;padding:0 var(--s-3);border:none;background:none;color:var(--text-muted);font-family:inherit;font-size:var(--fs-secondary);font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--t-fast) var(--ease)}.tab:hover,.tab[data-active=true]{color:var(--text)}.tab[data-active=true]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0;animation:fade-in var(--t-base) var(--ease) both}.tab-count{margin-left:var(--s-2);padding:0 var(--s-2);border-radius:var(--r-full);background:var(--surface-3);font-size:var(--fs-meta);color:var(--text-secondary)}.segmented{display:inline-flex;padding:2px;gap:2px;background:var(--surface-3);border-radius:var(--r-md)}.segmented button{border:none;background:transparent;color:var(--text-muted);padding:5px 11px;border-radius:var(--r-sm);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.segmented button[data-active=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.toasts{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;min-width:280px;max-width:400px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--t-slow) var(--ease-spring) both}.toast-ok{border-left-color:var(--ok)}.toast-error{border-left-color:var(--danger)}.toast-title{font-size:13px;font-weight:500}.toast-text{font-size:12px;color:var(--text-muted);margin-top:2px}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:190px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:slide-down var(--t-fast) var(--ease-out) both}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:none;background:none;border-radius:var(--r-sm);color:var(--text);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background-color var(--t-fast) var(--ease)}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item-danger{color:var(--danger)}.dropdown-item-danger:hover{background:var(--danger-bg)}.dropdown-sep{height:1px;margin:4px 0;background:var(--border)}.callout{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-secondary);line-height:1.5;animation:fade-up var(--t-base) var(--ease) both}.callout-warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}.callout-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.callout-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.callout-ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}.callout strong{font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-10) var(--s-6);text-align:center;color:var(--text-secondary)}.empty-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-muted)}.empty-icon[data-tone=danger]{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.empty-title{font-size:var(--fs-body);font-weight:550;color:var(--text)}.empty-text{font-size:var(--fs-secondary);max-width:46ch}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-hover) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-row{height:14px}.skeleton-title{height:20px;width:40%}.copy{display:inline-flex;align-items:center;gap:var(--s-2);height:24px;padding:0 var(--s-2);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-meta);cursor:pointer;transition:all var(--t-fast) var(--ease)}.copy:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-3)}.copy[data-copied=true]{color:var(--ok);border-color:var(--ok-border);background:var(--ok-bg)}.progress{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:var(--r-full);transition:width var(--t-slow) var(--ease-out)}.kv{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:var(--s-3) var(--s-4);font-size:var(--fs-secondary);margin:0}.kv dt{color:var(--text-muted)}.kv dd{margin:0}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0b0d0f80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--t-base) var(--ease) both}.sheet{width:min(1180px,100%);height:min(92vh,900px);display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);animation:scale-in var(--t-slow) var(--ease-out) both;overflow:hidden}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border)}.sheet-title{font-size:17px;font-weight:600;letter-spacing:-.01em}.sheet-tabs{padding:0 22px;background:var(--bg-elevated)}.sheet-tabs .tabs{margin-bottom:0}.sheet-body{padding:20px 22px 28px;overflow-y:auto;flex:1}.avatar-lg{width:42px;height:42px;font-size:14px}@media(max-width:900px){.sheet-overlay{padding:0}.sheet{width:100%;height:100%;border-radius:0;border:none}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.media-tile{overflow:hidden}.media-tile-pick{display:block;width:100%;padding:0;border:none;background:var(--surface-3);cursor:pointer;line-height:0}.media-tile-pick img{display:block;width:100%}.media-tile-pick:hover{opacity:.9}.media-tile-meta{display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px}.media-tile-remove{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:var(--r-sm)}.media-tile-remove:hover{color:var(--danger);background:var(--danger-bg)}.media-field{display:flex;align-items:center;gap:12px}.media-field-preview{width:128px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);line-height:0;flex:none}.media-field-empty{display:grid;place-items:center;width:128px;height:72px;border:1px dashed var(--border-strong);border-radius:var(--r-md);color:var(--text-muted);font-size:12px;flex:none}.banners{display:grid;gap:var(--s-3);margin-bottom:var(--s-6)}.banner{display:flex;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.banner-media{flex:none;line-height:0;background:var(--surface-3);overflow:hidden}.banner-media img{display:block;width:100%;height:100%;object-fit:cover}.banner-body{display:flex;flex-direction:column;gap:var(--s-2);justify-content:center;padding:var(--s-4);min-width:0}.banner-title{font-size:var(--fs-body);font-weight:600;letter-spacing:-.01em}.banner-text{font-size:var(--fs-secondary);color:var(--text-secondary);line-height:1.5}.banner-small{min-height:72px}.banner-small .banner-media{width:96px}.banner-medium{min-height:96px}.banner-medium .banner-media{width:168px}.banner-large{min-height:128px}.banner-large .banner-media{width:240px}.banner-full{flex-direction:column}.banner-full .banner-media{width:100%;height:180px}a.banner:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}@media(max-width:700px){.banner{flex-direction:column}.banner-media{width:100%!important}.banner-media img{width:100%;max-height:200px}}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.site-cover{line-height:0;overflow:hidden;border-radius:var(--r-lg);background:var(--surface-3);border:1px solid var(--border)}.site-cover img{display:block;width:100%}.site-card{display:grid;grid-template-columns:200px 1fr;gap:var(--s-5);padding:var(--s-4);align-items:start}.site-card-preview{aspect-ratio:16 / 9;border-radius:var(--r-md);overflow:hidden;background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;line-height:0}.site-card-preview img{width:100%;height:100%;object-fit:cover}.site-card-preview-empty{color:var(--text-muted)}.site-card-body{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.site-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.site-card-desc{font-size:var(--fs-secondary);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:70ch}.site-card-stats{display:flex;flex-wrap:wrap;gap:var(--s-8);margin:0;padding-top:var(--s-3);border-top:1px solid var(--border)}.site-card-stats>div{display:flex;flex-direction:column;gap:2px}.site-card-stats dt{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.site-card-stats dd{margin:0;font-size:var(--fs-section);font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:860px){.site-card{grid-template-columns:1fr;gap:var(--s-4)}.site-card-preview{max-width:260px}.site-card-stats{gap:var(--s-5)}}.banner-row{display:grid;grid-template-columns:96px 1fr auto auto;gap:var(--s-4);align-items:center;padding:var(--s-3) var(--s-4)}.banner-row-preview{aspect-ratio:16 / 9;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;line-height:0}.banner-row-preview img{width:100%;height:100%;object-fit:cover}.banner-row-main{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.banner-row-text{font-size:var(--fs-secondary);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-row-state{display:flex;align-items:center;gap:var(--s-3)}.banner-row-actions{display:flex;align-items:center;gap:var(--s-2)}@media(max-width:900px){.banner-row{grid-template-columns:72px 1fr;row-gap:var(--s-3)}.banner-row-state,.banner-row-actions{grid-column:2;justify-content:flex-start}}.ticket-message-internal{background:var(--warn-bg);border-color:var(--warn-border)}.ticket-message-own{background:var(--surface-2)}.ticket-message p{line-height:1.55}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);overflow:hidden;transition:background-color var(--t-base) var(--ease)}.sidebar-head{display:flex;align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-4);border-bottom:1px solid var(--border);flex:none}.logo{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-text);font-size:var(--fs-secondary);font-weight:700;flex:none}.logo-text{font-size:var(--fs-body);font-weight:600;letter-spacing:-.01em}.nav-group{display:flex;flex-direction:column;gap:1px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--s-3);display:flex;flex-direction:column;gap:2px}.nav-group+.nav-group{margin-top:var(--s-6)}.nav-group-label{padding:0 var(--s-3) var(--s-2);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.nav-item{position:relative;display:flex;align-items:center;gap:10px;height:var(--h-nav-item);padding:0 var(--s-3);border-radius:var(--r-md);color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:450;text-decoration:none;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:transparent;color:var(--text);font-weight:550}.nav-item.active:before{content:"";position:absolute;left:calc(var(--s-3) * -1);top:50%;transform:translateY(-50%);width:2px;height:18px;border-radius:0 2px 2px 0;background:var(--accent)}.nav-item svg{flex:none;opacity:.75}.nav-item.active svg{opacity:1}.nav-badge{margin-left:auto;padding:1px 6px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-text);font-size:var(--fs-meta);font-weight:600}.nav-soon{margin-left:auto;font-size:var(--fs-meta);color:var(--text-muted);opacity:.75}.sidebar-foot{flex:none;padding:var(--s-2);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s-2)}.user-box{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-sm);overflow:hidden}.user-box .user-name,.user-box .user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:var(--avatar-sm);height:var(--avatar-sm);border-radius:50%;background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-size:var(--fs-meta);font-weight:600;flex:none;text-transform:uppercase;overflow:hidden}.user-name{font-size:var(--fs-small);font-weight:500;line-height:var(--lh-small)}.user-role{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);height:var(--topbar-h);padding:0 var(--s-6);background:var(--bg);position:relative;z-index:5;border-bottom:1px solid var(--border);flex:none}.crumbs{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-secondary);color:var(--text-muted)}.crumbs .sep{opacity:.6}.crumbs .current{font-weight:500;color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:var(--s-3)}.icon-btn{position:relative;display:grid;place-items:center;width:var(--h-icon-btn);height:var(--h-icon-btn);padding:0;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.icon-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border)}.icon-btn-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.content{flex:1;overflow-y:auto}.content-inner{max-width:var(--content-max);margin:0 auto;padding:var(--s-6) var(--content-pad) var(--s-16)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);min-height:64px;margin-bottom:var(--s-6);flex-wrap:wrap}.page-title{display:flex;flex-direction:column;gap:var(--s-1)}.page-desc{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-secondary);max-width:76ch}.section{margin-top:var(--s-6)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.page{animation:fade-up var(--t-base) var(--ease-out) both}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 500px at 50% -10%,var(--surface-3),transparent),var(--bg)}.auth-box{width:100%;max-width:396px;animation:scale-in var(--t-slow) var(--ease-out) both}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.auth-card{padding:26px}.auth-title{font-size:19px;font-weight:600;text-align:center}.auth-sub{font-size:13px;color:var(--text-muted);text-align:center;margin-top:4px}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.auth-switch{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);text-align:center;font-size:13px;color:var(--text-muted)}.auth-switch button{border:none;background:none;color:var(--text);font-family:inherit;font-size:13px;font-weight:550;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-theme{position:fixed;top:16px;right:16px}@media(max-width:767px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:90;width:var(--sidebar-w);transform:translate(-100%);transition:transform var(--t-slow) var(--ease-out);box-shadow:var(--shadow-xl)}.sidebar[data-open=true]{transform:translate(0)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;background:#0b0d0f66}.content-inner{padding:var(--s-4) var(--s-4) var(--s-10)}.topbar{padding:0 var(--s-4)}}@media(min-width:768px)and (max-width:1199px){.content-inner{padding:var(--s-5) var(--s-6) var(--s-12)}}@media(min-width:768px){.menu-toggle{display:none}}:root{--chart-1: #2f6fed;--chart-2: #12a594;--chart-3: #b07d1f;--chart-revenue: var(--chart-1);--chart-profit: var(--chart-2);--chart-deals: var(--chart-3);--chart-company: var(--chart-1);--chart-workers: var(--chart-2);--chart-curators: var(--chart-3)}[data-theme=dark]{--chart-1: #6aa1ff;--chart-2: #2fd4bd;--chart-3: #f0c15c}.chart-card{display:flex;flex-direction:column}.chart-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:var(--chart-header-h);padding:var(--s-4) var(--s-5) 0}.chart-card-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-2) var(--s-3);min-width:0}.chart-card-context{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-2)}.chart-card-context strong{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;letter-spacing:-.012em;font-variant-numeric:tabular-nums}.chart-card-comparison{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}.chart-change{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:550;font-variant-numeric:tabular-nums}.chart-change[data-tone=up]{color:var(--ok)}.chart-change[data-tone=down]{color:var(--danger)}.chart-card-body{padding:var(--s-4) var(--s-5) var(--s-5);position:relative}.chart-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-top:1px solid var(--border);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}.chart-updated{font-size:var(--fs-caption);color:var(--text-muted)}.chart-controls{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);flex:none}.chart-controls button{height:28px;min-width:40px;padding:0 var(--s-2);border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--fs-caption);font-weight:550;cursor:pointer;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.chart-controls button:hover{color:var(--text)}.chart-controls button[data-active=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.chart-plot{position:relative}.chart-svg{display:block;width:100%;overflow:visible}.chart-grid-line{stroke:var(--border);stroke-width:1;opacity:var(--chart-grid-opacity)}.chart-line{stroke:var(--chart-1);stroke-linecap:round;stroke-linejoin:round}.chart-line[data-series=profit]{stroke:var(--chart-2)}.chart-line[data-series=deals]{stroke:var(--chart-3)}.chart-cursor{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 3}.chart-point{fill:var(--surface);stroke:var(--chart-1);stroke-width:2.5}.chart-point[data-series=profit]{stroke:var(--chart-2)}.chart-point[data-series=deals]{stroke:var(--chart-3)}.chart-y-axis{position:absolute;top:0;left:0;width:48px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:var(--s-2);font-size:var(--fs-axis);line-height:1;color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none}.chart-x-axis{position:relative;height:var(--chart-axis-bottom);margin-top:calc(var(--chart-axis-bottom) * -1);font-size:var(--fs-axis);color:var(--text-muted);pointer-events:none}.chart-x-axis span{position:absolute;top:8px;transform:translate(-50%);white-space:nowrap;font-variant-numeric:tabular-nums}.chart-x-axis span[data-edge=first]{transform:none}.chart-x-axis span[data-edge=last]{transform:translate(-100%)}.chart-tooltip{position:absolute;top:var(--s-2);z-index:3;min-width:140px;max-width:180px;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--chart-tooltip-radius);background:var(--bg-elevated);box-shadow:var(--shadow-lg);font-size:var(--fs-caption);line-height:var(--lh-caption);pointer-events:none}.chart-tooltip-date{color:var(--text-muted)}.chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.chart-tooltip-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.chart-tooltip-row b{font-variant-numeric:tabular-nums}.chart-dot{width:8px;height:8px;border-radius:50%;background:var(--chart-1);flex:none}.chart-dot[data-series=profit],.chart-dot[data-series=workers]{background:var(--chart-2)}.chart-dot[data-series=deals],.chart-dot[data-series=curators]{background:var(--chart-3)}.chart-state{display:grid;place-items:center;height:100%;min-height:200px}.chart-empty{gap:var(--s-2);text-align:center;color:var(--text-muted)}.chart-empty strong{font-size:var(--fs-body);color:var(--text);font-weight:550}.chart-empty span{font-size:var(--fs-small)}.chart-skeleton{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 20px;gap:var(--s-2)}.chart-skeleton-y{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.chart-skeleton-y span{width:26px;height:8px}.chart-skeleton-plot{position:relative;display:flex;align-items:flex-end}.chart-skeleton-line{width:100%;height:60%;border-radius:var(--r-md)}.chart-skeleton-x{grid-column:2;display:flex;justify-content:space-between}.chart-skeleton-x span{width:32px;height:8px}.sparkline{display:block;flex:none}.sparkline path{stroke:var(--chart-1)}.sparkline[data-tone=ok] path{stroke:var(--ok)}.sparkline[data-tone=danger] path{stroke:var(--danger)}.hbar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.hbar-row{display:grid;grid-template-columns:20px minmax(80px,150px) 1fr auto;align-items:center;gap:var(--s-3);min-height:32px;padding:0 var(--s-1);border-radius:var(--r-sm);transition:background-color var(--t-fast) var(--ease)}.hbar-row:hover{background:var(--surface-2)}.hbar-rank{font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center}.hbar-label{font-size:var(--fs-small);line-height:var(--lh-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.hbar-fill{display:block;height:100%;border-radius:var(--r-full);background:var(--chart-1);transition:width var(--t-slow) var(--ease-out)}.hbar-fill[data-top=true]{background:var(--chart-2)}.hbar-value{font-size:var(--fs-small);font-weight:550;font-variant-numeric:tabular-nums;text-align:right}.hbar-meta{font-size:var(--fs-caption);color:var(--text-muted)}.donut{display:flex;align-items:center;gap:var(--s-6);flex-wrap:wrap}.donut-ring{position:relative;flex:none}.donut-track{stroke:var(--surface-3)}.donut-arc{stroke:var(--chart-1);transition:stroke-dasharray var(--t-slow) var(--ease-out)}.donut-arc[data-series=workers]{stroke:var(--chart-2)}.donut-arc[data-series=curators]{stroke:var(--chart-3)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:2px}.donut-center strong{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600;font-variant-numeric:tabular-nums}.donut-center span{font-size:var(--fs-caption);color:var(--text-muted)}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2);min-width:180px;flex:1}.donut-legend li{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:var(--s-2);font-size:var(--fs-small);line-height:var(--lh-small)}.donut-legend-label{color:var(--text-secondary)}.donut-legend li b{font-variant-numeric:tabular-nums}.donut-legend-share{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.funnel{list-style:none;margin:0;padding:0}.funnel-stage{display:grid;grid-template-columns:minmax(88px,130px) minmax(0,1fr) auto;align-items:center;gap:var(--s-3);min-height:34px;max-width:100%}.funnel-head{display:flex;flex-direction:column;gap:0;min-width:0}.funnel-label{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.funnel-count{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}.funnel-bar{height:20px;border-radius:var(--r-xs);background:var(--surface-3);min-width:0;overflow:hidden}.funnel-fill{display:block;height:100%;max-width:100%;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--chart-1),color-mix(in srgb,var(--chart-1) 70%,var(--chart-2)));transition:width var(--t-slow) var(--ease-out)}.funnel-fill[data-first=true]{background:var(--chart-1)}.funnel-foot{display:flex;flex-direction:column;align-items:flex-end;gap:0;min-width:76px;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted);text-align:right}.funnel-share{font-variant-numeric:tabular-nums}.funnel-value{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:550}.funnel-step{grid-column:2;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) 0;color:var(--text-muted);font-size:var(--fs-caption);line-height:1}.funnel-arrow{line-height:1;opacity:.7}.funnel-conversion{font-weight:550;color:var(--text-secondary);font-variant-numeric:tabular-nums}.kpi-card{display:flex;flex-direction:column;gap:var(--s-2);min-height:120px;padding:var(--s-5)}.kpi-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.kpi-label{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-secondary);font-weight:500}.kpi-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-secondary);flex:none}.kpi-value{font-size:var(--fs-kpi);line-height:var(--lh-kpi);font-weight:600;letter-spacing:-.022em;font-variant-numeric:tabular-nums}.kpi-skeleton{width:60%;height:var(--lh-kpi);border-radius:var(--r-sm)}.kpi-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-3);margin-top:auto}.kpi-change-row{display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-comparison{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}.kpi-scale{display:flex;flex-direction:column;gap:var(--s-2)}.kpi-scale-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.kpi-scale-label{font-size:var(--fs-small);color:var(--text-secondary)}.kpi-scale-value{font-size:var(--fs-h3);font-weight:600;font-variant-numeric:tabular-nums}.kpi-scale-target{color:var(--text-muted);font-weight:400;font-size:var(--fs-small)}.kpi-scale-foot{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}.circular{position:relative;flex:none}.circular-track{stroke:var(--surface-3)}.circular-fill{stroke:var(--chart-1);transition:stroke-dasharray var(--t-slow) var(--ease-out)}.circular-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:2px}.circular-center strong{font-size:26px;line-height:32px;font-weight:600;font-variant-numeric:tabular-nums}.circular-center span{font-size:var(--fs-caption);color:var(--text-muted)}@media(max-width:1199px){.chart-card-head{flex-wrap:wrap}}@media(max-width:767px){.chart-card-head{padding:var(--s-4) var(--s-4) 0}.chart-card-body{padding:var(--s-3) var(--s-4) var(--s-4)}.kpi-card{padding:var(--s-4)}.donut{justify-content:center}.hbar-row{grid-template-columns:18px minmax(64px,1fr) 1.2fr auto;gap:var(--s-2)}.chart-tooltip{max-width:160px}}.chart-legend-inline{display:inline-flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.chart-legend-inline .chart-dot{margin-left:var(--s-3)}.chart-legend-inline .chart-dot:first-child{margin-left:0}.site-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.site-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:var(--s-3);min-height:36px}.site-list-preview{display:grid;place-items:center;width:32px;height:24px;border-radius:var(--r-xs);overflow:hidden;background:var(--surface-3);color:var(--text-muted);line-height:0}.site-list-preview img{width:100%;height:100%;object-fit:cover}.site-list-name{font-size:var(--fs-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-preview{position:relative;width:100%;overflow:hidden;border-radius:var(--r-lg);background:var(--surface-3);display:grid;place-items:center;line-height:0}.creative-preview img{display:block;width:100%;height:100%;object-fit:contain}.creative-preview[data-fit=cover] img{object-fit:cover}.creative-preview-empty{font-size:var(--fs-caption);color:var(--text-muted);line-height:1.4}.creative-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap)}.creative-grid-3{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-3)}.creative-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.creative-card:hover{border-color:var(--border-strong)}.creative-card[data-selected]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.creative-card-media{position:relative;background:var(--surface-2)}.creative-card-open{display:block;width:100%;padding:var(--s-3);border:none;background:none;cursor:pointer;line-height:0}.creative-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0d0f59;opacity:0;transition:opacity var(--t-fast) var(--ease);pointer-events:none}.creative-card:hover .creative-card-media:after{opacity:1}.creative-card-quick{position:absolute;inset:auto 0 var(--s-3);display:flex;justify-content:center;gap:var(--s-2);opacity:0;transition:opacity var(--t-fast) var(--ease)}.creative-card:hover .creative-card-quick,.creative-card:focus-within .creative-card-quick{opacity:1}.creative-card-quick button{height:28px;padding:0 var(--s-3);border:1px solid rgba(255,255,255,.28);border-radius:var(--r-sm);background:#0b0d0fb8;color:#fff;font-family:inherit;font-size:var(--fs-caption);font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.creative-card-quick button:hover{background:#0b0d0fe0}.creative-card-check{position:absolute;top:var(--s-3);left:var(--s-3);display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r-xs);background:#0b0d0f99;cursor:pointer}.creative-card-check input{width:16px;height:16px;margin:0;cursor:pointer}.creative-card-meta{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border-top:1px solid var(--border)}.creative-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.creative-card-name{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-card-more{display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--r-xs);background:none;color:var(--text-muted);cursor:pointer;flex:none}.creative-card-more:hover{background:var(--surface-hover);color:var(--text)}.creative-card-dims{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}.creative-card-tail{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.creative-card-campaign{font-size:var(--fs-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-skeleton{height:180px;border-radius:var(--r-xl)}.creative-list-thumb{width:64px;height:44px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-3);line-height:0;flex:none}.creative-list-thumb img{width:100%;height:100%;object-fit:cover}.filter-bar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}.filter-bar .search{width:320px;flex:0 1 320px}.filter-bar .select{width:auto;min-width:150px}.filter-bar-spacer{flex:1}.view-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.view-switch button{height:32px;padding:0 var(--s-3);border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--fs-caption);font-weight:550;cursor:pointer}.view-switch button[data-active=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.bulk-bar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-3) var(--s-4);margin-bottom:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2)}.bulk-bar-count{font-size:var(--fs-small);font-weight:550}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);height:220px;padding:var(--s-6);border:1px dashed var(--border-strong);border-radius:var(--r-xl);background:var(--surface-2);text-align:center;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.dropzone[data-compact]{height:150px;padding:var(--s-4)}.dropzone[data-dragging]{border-color:var(--accent);background:var(--surface-3)}.dropzone-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-secondary)}.dropzone strong{font-size:var(--fs-body);font-weight:550}.dropzone-or,.dropzone-hint{font-size:var(--fs-caption);color:var(--text-muted)}.upload-queue{list-style:none;margin:var(--s-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.upload-queue li{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto 24px;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-small)}.upload-queue li[data-status=error]{border-color:var(--danger-border);background:var(--danger-bg)}.upload-queue li[data-status=done]{border-color:var(--ok-border)}.upload-queue-thumb{width:44px;height:30px;border-radius:var(--r-xs);overflow:hidden;background:var(--surface-3);line-height:0}.upload-queue-thumb img{width:100%;height:100%;object-fit:cover}.upload-queue-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-queue-size{font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}.upload-queue-status{font-size:var(--fs-caption);color:var(--text-secondary)}.upload-queue-remove{display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--r-xs);background:none;color:var(--text-muted);cursor:pointer}.upload-queue-remove:hover{background:var(--surface-hover);color:var(--text)}.modal-selector{max-width:900px}.creative-pick{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast) var(--ease)}.creative-pick:hover{border-color:var(--border-strong)}.creative-pick[data-selected]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.creative-pick-name{font-size:var(--fs-small);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-pick-dims{font-size:var(--fs-caption);color:var(--text-muted)}.creative-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:#06080af0;animation:fade-in var(--t-base) var(--ease) both}.creative-full-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid rgba(255,255,255,.1);color:#f1f3f5;flex:none}.creative-full-title{display:flex;flex-direction:column;gap:2px;min-width:0}.creative-full-title strong{font-size:var(--fs-body);font-weight:550}.creative-full-title span{font-size:var(--fs-caption);color:#f1f3f59e}.creative-full-head .icon-btn{color:#f1f3f5cc}.creative-full-head .icon-btn:hover{background:#ffffff1a;color:#fff}.creative-full-head .chart-controls{background:#ffffff0f;border-color:#ffffff24}.creative-full-head .chart-controls button{color:#f1f3f5b3}.creative-full-head .chart-controls button[data-active=true]{background:#ffffff29;color:#fff}.creative-full-body{flex:1;display:grid;place-items:center;padding:var(--s-6);overflow:auto}.creative-full-body[data-zoom=fit] img{max-width:90%;max-height:100%;object-fit:contain}.creative-full-body[data-zoom=full] img{max-width:none;max-height:none}.creative-slot{display:flex;flex-direction:column;gap:var(--s-2)}.creative-slot-media{width:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-3);border:1px solid var(--border);line-height:0}.creative-slot-media img{width:100%;height:100%;object-fit:cover}.creative-slot-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.creative-slot-dims{font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}.creative-slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);width:100%;border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.creative-slot-empty:hover{border-color:var(--accent);background:var(--surface-3)}.creative-slot-empty strong{font-size:var(--fs-body);font-weight:550;color:var(--text)}.creative-slot-size{font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}.creative-slot-plus{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-secondary)}@media(max-width:1199px){.creative-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:767px){.creative-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-4)}.filter-bar .search{width:100%;flex:1 1 100%}.filter-bar .select{flex:1 1 45%;min-width:0}.creative-full-body{padding:var(--s-4)}.upload-queue li{grid-template-columns:36px minmax(0,1fr) auto 24px}.upload-queue-size{display:none}}