@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@layer properties,theme,base,components,utilities;@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-100:var(--gray-100);--color-gray-200:var(--gray-200);--color-gray-300:var(--gray-300);--color-gray-400:var(--gray-400);--color-gray-500:var(--gray-500);--color-gray-700:var(--gray-700);--color-gray-800:var(--gray-800);--color-gray-900:var(--gray-900);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-3xl:var(--radius-3xl);--radius-4xl:var(--radius-4xl);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:var(--color-bg-primary);--color-foreground:var(--color-text-primary);--color-bg-primary:var(--color-bg-primary);--color-bg-secondary:var(--color-bg-secondary);--color-bg-tertiary:var(--color-bg-tertiary);--color-bg-elevated:var(--color-bg-elevated);--color-bg-sunken:var(--color-bg-sunken);--color-bg-hover:var(--color-bg-hover);--color-bg-active:var(--color-bg-active);--color-bg-subtle:var(--color-bg-subtle);--color-bg-page:var(--color-bg-page);--color-surface-card:var(--color-surface-card);--color-surface-overlay:var(--color-surface-overlay);--color-surface-modal:var(--color-surface-modal);--color-surface-dropdown:var(--color-surface-dropdown);--color-bg-card:var(--color-bg-card);--color-bg-card-header:var(--color-bg-card-header);--color-bg-button-dark:var(--color-bg-button-dark);--color-bg-button-darker:var(--color-bg-button-darker);--color-bg-button-darkest:var(--color-bg-button-darkest);--color-bg-button-dark-hover:var(--color-bg-button-dark-hover);--color-bg-button-hover:var(--color-bg-button-hover);--color-bg-disabled:var(--color-bg-disabled);--color-text-disabled:var(--color-text-disabled);--color-bg-table-row:var(--color-bg-table-row);--color-bg-table-row-alt:var(--color-bg-table-row-alt);--color-bg-table-row-hover:var(--color-bg-table-row-hover);--color-table-card-bg:var(--color-table-card-bg);--color-table-card-border:var(--color-table-card-border);--color-table-card-shadow:var(--color-table-card-shadow);--color-table-row:var(--color-table-row);--color-table-row-alt:var(--color-table-row-alt);--color-table-row-hover:var(--color-table-row-hover);--color-table-row-selected:var(--color-table-row-selected);--color-table-row-focus:var(--color-table-row-focus);--color-table-header-bg:var(--color-table-header-bg);--color-table-header-border:var(--color-table-header-border);--color-table-header-text:var(--color-table-header-text);--color-table-text:var(--color-table-text);--color-table-text-muted:var(--color-table-text-muted);--color-table-line:var(--color-table-line);--color-sidebar-nav-hover:var(--color-sidebar-nav-hover);--color-sidebar-nav-active:var(--color-sidebar-nav-active);--color-sidebar-nav-active-text:var(--color-sidebar-nav-active-text);--color-text-primary:var(--color-text-primary);--color-text-secondary:var(--color-text-secondary);--color-text-tertiary:var(--color-text-tertiary);--color-text-muted:var(--color-text-muted);--color-text-inverse:var(--color-text-inverse);--color-text-placeholder:var(--color-text-placeholder);--color-primary:var(--color-interactive-default);--color-primary-foreground:var(--color-text-inverse);--color-interactive:var(--color-interactive-default);--color-interactive-hover:var(--color-interactive-hover);--color-interactive-active:var(--color-interactive-active);--color-interactive-disabled:var(--color-interactive-disabled);--color-interactive-gradient:var(--color-interactive-gradient);--color-interactive-gradient-hover:var(--color-interactive-gradient-hover);--color-brand-primary:var(--color-brand-primary);--color-brand-primary-hover:var(--color-brand-primary-hover);--color-success:var(--color-success);--color-success-light:var(--color-success-light);--color-success-dark:var(--color-success-dark);--color-success-bg:var(--color-success-bg);--color-success-border:var(--color-success-border);--color-warning:var(--color-warning);--color-warning-light:var(--color-warning-light);--color-warning-dark:var(--color-warning-dark);--color-warning-bg:var(--color-warning-bg);--color-warning-border:var(--color-warning-border);--color-error:var(--color-error);--color-error-light:var(--color-error-light);--color-error-dark:var(--color-error-dark);--color-error-bg:var(--color-error-bg);--color-error-border:var(--color-error-border);--color-destructive:var(--color-error);--color-destructive-foreground:var(--color-text-inverse);--color-info:var(--color-info);--color-info-light:var(--color-info-light);--color-info-dark:var(--color-info-dark);--color-info-bg:var(--color-info-bg);--color-info-border:var(--color-info-border);--color-purple:var(--color-purple);--color-purple-light:var(--color-purple-light);--color-purple-dark:var(--color-purple-dark);--color-purple-bg:var(--color-purple-bg);--color-purple-border:var(--color-purple-border);--color-cyan:var(--color-cyan);--color-cyan-light:var(--color-cyan-light);--color-cyan-dark:var(--color-cyan-dark);--color-cyan-bg:var(--color-cyan-bg);--color-cyan-border:var(--color-cyan-border);--color-indigo:var(--color-indigo);--color-indigo-light:var(--color-indigo-light);--color-indigo-dark:var(--color-indigo-dark);--color-indigo-bg:var(--color-indigo-bg);--color-indigo-border:var(--color-indigo-border);--color-border-default:var(--color-border-default);--color-border-subtle:var(--color-border-subtle);--color-border-strong:var(--color-border-strong);--color-border-input:var(--color-border-input);--color-border-focus:var(--color-border-focus);--color-border-divider:var(--color-border-divider);--color-input:var(--color-border-input);--color-ring:var(--color-border-focus);--color-secondary:var(--color-bg-secondary);--color-muted:var(--color-bg-subtle);--color-muted-foreground:var(--color-text-muted);--color-accent:var(--color-bg-hover);--color-popover:var(--color-surface-dropdown);--color-popover-foreground:var(--color-text-primary);--color-tooltip:var(--color-text-primary);--color-tooltip-foreground:var(--color-text-inverse);--color-star:var(--color-star);--color-linkedin:var(--color-linkedin);--color-email:var(--color-email);--color-phone:var(--color-phone);--color-notification:var(--color-notification);--color-priority-critical:var(--color-priority-critical);--color-priority-high:var(--color-priority-high);--color-priority-medium:var(--color-priority-medium);--color-priority-low:var(--color-priority-low);--color-role-sales:var(--color-role-sales);--color-role-support:var(--color-role-support);--color-role-compliance:var(--color-role-compliance);--color-role-trading:var(--color-role-trading);--color-role-operations:var(--color-role-operations);--color-role-manager:var(--color-role-manager);--spacing-0:var(--space-0);--spacing-px:var(--space-px);--spacing-0_5:var(--space-0-5);--spacing-1:var(--space-1);--spacing-1_5:var(--space-1-5);--spacing-2:var(--space-2);--spacing-2_5:var(--space-2-5);--spacing-3:var(--space-3);--spacing-3_5:var(--space-3-5);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-7:var(--space-7);--spacing-8:var(--space-8);--spacing-9:var(--space-9);--spacing-10:var(--space-10);--spacing-11:var(--space-11);--spacing-12:var(--space-12);--spacing-14:var(--space-14);--spacing-16:var(--space-16);--spacing-32:var(--space-32);--radius-none:var(--radius-none);--radius-full:var(--radius-full);--radius-pill:var(--radius-pill);--radius-button:var(--radius-button);--radius-input:var(--radius-input);--radius-card:var(--radius-card);--radius-modal:var(--radius-modal);--radius-dropdown:var(--radius-dropdown);--shadow-none:var(--shadow-none);--shadow-card:var(--shadow-card);--shadow-panel:var(--shadow-panel);--shadow-dropdown:var(--shadow-dropdown);--shadow-modal:var(--shadow-modal);--shadow-tooltip:var(--shadow-tooltip);--shadow-neu-raised:var(--shadow-neu-raised);--shadow-neu-raised-sm:var(--shadow-neu-raised-sm);--shadow-neu-raised-lg:var(--shadow-neu-raised-lg);--shadow-neu-pressed:var(--shadow-neu-pressed);--shadow-neu-inset:var(--shadow-neu-inset);--shadow-sidebar:var(--shadow-sidebar);--shadow-header:var(--shadow-header);--shadow-focus-ring:var(--shadow-focus-ring);--font-size-2xs:var(--font-size-2xs);--font-size-xs:var(--font-size-xs);--font-size-sm:var(--font-size-sm);--font-size-base:var(--font-size-base);--font-size-md:var(--font-size-md);--font-size-lg:var(--font-size-lg);--font-size-xl:var(--font-size-xl);--font-size-2xl:var(--font-size-2xl);--font-size-3xl:var(--font-size-3xl);--font-size-4xl:var(--font-size-4xl);--font-size-5xl:var(--font-size-5xl);--transition-fast:.15s ease;--transition-base:.2s ease}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:var(--spacing-0)}.inset-x-0{inset-inline:var(--spacing-0)}.inset-y-0{inset-block:var(--spacing-0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-4{top:var(--spacing-4)}.top-\[50\%\]{top:50%}.right-0{right:var(--spacing-0)}.right-4{right:var(--spacing-4)}.bottom-0{bottom:var(--spacing-0)}.left-0{left:var(--spacing-0)}.left-2{left:var(--spacing-2)}.left-3{left:var(--spacing-3)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[105\]{z-index:105}.z-\[110\]{z-index:110}.z-\[200\]{z-index:200}.z-\[1100\]{z-index:1100}.z-\[1101\]{z-index:1101}.z-\[1200\]{z-index:1200}.z-\[1201\]{z-index:1201}.z-\[1202\]{z-index:1202}.z-\[1203\]{z-index:1203}.z-\[1300\]{z-index:1300}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:var(--spacing-0)}.-mx-1{margin-inline:calc(var(--spacing-1) * -1)}.my-1{margin-block:var(--spacing-1)}.mt-0\.5{margin-top:var(--spacing-0_5)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mr-1\.5{margin-right:var(--spacing-1_5)}.mr-2{margin-right:var(--spacing-2)}.mr-5{margin-right:var(--spacing-5)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-2{height:var(--spacing-2)}.h-2\.5{height:var(--spacing-2_5)}.h-3{height:var(--spacing-3)}.h-3\.5{height:var(--spacing-3_5)}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-6{height:var(--spacing-6)}.h-8{height:var(--spacing-8)}.h-9{height:var(--spacing-9)}.h-10{height:var(--spacing-10)}.h-11{height:var(--spacing-11)}.h-12{height:var(--spacing-12)}.h-14{height:var(--spacing-14)}.h-\[18px\]{height:18px}.h-\[38px\]{height:38px}.h-\[180px\]{height:180px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px;height:var(--spacing-px)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:var(--spacing-0)}.min-h-\[40px\]{min-height:40px}.min-h-screen{min-height:100vh}.w-2{width:var(--spacing-2)}.w-2\.5{width:var(--spacing-2_5)}.w-3\.5{width:var(--spacing-3_5)}.w-3\/4{width:75%}.w-4{width:var(--spacing-4)}.w-5{width:var(--spacing-5)}.w-8{width:var(--spacing-8)}.w-10{width:var(--spacing-10)}.w-11{width:var(--spacing-11)}.w-16{width:var(--spacing-16)}.w-32{width:var(--spacing-32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-\[18px\]{width:18px}.w-\[38px\]{width:38px}.w-\[70px\]{width:70px}.w-\[130px\]{width:130px}.w-\[180px\]{width:180px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.min-w-5{min-width:var(--spacing-5)}.min-w-17\.5{min-width:calc(var(--spacing) * 17.5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:var(--spacing-0)}.gap-0\.5{gap:var(--spacing-0_5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:var(--spacing-1_5)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-2) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-4) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-5) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-divider>:not(:last-child)){border-color:var(--color-border-divider)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--radius-badge\)\]{border-radius:var(--radius-badge)}.rounded-\[var\(--radius-badge-pill\)\]{border-radius:var(--radius-badge-pill)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border-default{border-color:var(--color-border-default)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-destructive\/50{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--color-destructive) 50%,transparent)}}.border-error-border{border-color:var(--color-error-border)}.border-info-border{border-color:var(--color-info-border)}.border-input{border-color:var(--color-input)}.border-interactive{border-color:var(--color-interactive)}.border-purple-border{border-color:var(--color-purple-border)}.border-success-border{border-color:var(--color-success-border)}.border-transparent{border-color:#0000}.border-warning-border{border-color:var(--color-warning-border)}.border-t-transparent{border-top-color:#0000}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#1e293b\]{background-color:#1e293b}.bg-\[\#ffffff\]{background-color:#fff}.bg-\[var\(--color-backdrop-overlay\)\]{background-color:var(--color-backdrop-overlay)}.bg-\[var\(--color-bg-primary\)\]{background-color:var(--color-bg-primary)}.bg-background{background-color:var(--color-background)}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-elevated{background-color:var(--color-bg-elevated)}.bg-bg-hover{background-color:var(--color-bg-hover)}.bg-bg-secondary{background-color:var(--color-bg-secondary)}.bg-bg-subtle{background-color:var(--color-bg-subtle)}.bg-bg-sunken{background-color:var(--color-bg-sunken)}.bg-bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border-default{background-color:var(--color-border-default)}.bg-border-divider{background-color:var(--color-border-divider)}.bg-destructive{background-color:var(--color-destructive)}.bg-error{background-color:var(--color-error)}.bg-error-bg{background-color:var(--color-error-bg)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-600{background-color:var(--color-green-600)}.bg-info{background-color:var(--color-info)}.bg-info-bg{background-color:var(--color-info-bg)}.bg-interactive{background-color:var(--color-interactive)}.bg-muted,.bg-muted\/50{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-purple-bg{background-color:var(--color-purple-bg)}.bg-success{background-color:var(--color-success)}.bg-success-bg{background-color:var(--color-success-bg)}.bg-tooltip{background-color:var(--color-tooltip)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning-bg{background-color:var(--color-warning-bg)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.\!bg-none{background-image:none!important}.fill-current{fill:currentColor}.fill-text-inverse{fill:var(--color-text-inverse)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-\[1px\]{padding:1px}.px-0{padding-inline:var(--spacing-0)}.px-1{padding-inline:var(--spacing-1)}.px-1\.5{padding-inline:var(--spacing-1_5)}.px-2{padding-inline:var(--spacing-2)}.px-2\.5{padding-inline:var(--spacing-2_5)}.px-3{padding-inline:var(--spacing-3)}.px-3\.5{padding-inline:var(--spacing-3_5)}.px-4{padding-inline:var(--spacing-4)}.px-8{padding-inline:var(--spacing-8)}.py-0{padding-block:var(--spacing-0)}.py-0\.5{padding-block:var(--spacing-0_5)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:var(--spacing-1_5)}.py-2{padding-block:var(--spacing-2)}.py-2\.5{padding-block:var(--spacing-2_5)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.pt-2{padding-top:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.\!pr-\[var\(--padding-input-x\)\]{padding-right:var(--padding-input-x)!important}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pb-2{padding-bottom:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-8{padding-left:var(--spacing-8)}.pl-9{padding-left:var(--spacing-9)}.pl-10{padding-left:var(--spacing-10)}.pl-11{padding-left:var(--spacing-11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\(--color-text-muted\){color:var(--color-text-muted)}.text-\[\#64748b\]{color:#64748b}.text-\[var\(--color-text-placeholder\)\]{color:var(--color-text-placeholder)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-error{color:var(--color-error)}.text-error-dark{color:var(--color-error-dark)}.text-foreground{color:var(--color-foreground)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-green-800{color:var(--color-green-800)}.text-info{color:var(--color-info)}.text-info-dark{color:var(--color-info-dark)}.text-interactive{color:var(--color-interactive)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-purple-dark{color:var(--color-purple-dark)}.text-star{color:var(--color-star)}.text-success{color:var(--color-success)}.text-success-dark{color:var(--color-success-dark)}.text-text-inverse{color:var(--color-text-inverse)}.text-text-muted{color:var(--color-text-muted)}.text-text-placeholder{color:var(--color-text-placeholder)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-tertiary{color:var(--color-text-tertiary)}.text-tooltip-foreground{color:var(--color-tooltip-foreground)}.text-warning{color:var(--color-warning)}.text-warning-dark{color:var(--color-warning-dark)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card{--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-neu-inset{--tw-shadow:var(--shadow-neu-inset);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-neu-raised{--tw-shadow:var(--shadow-neu-raised);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-neu-raised-sm{--tw-shadow:var(--shadow-neu-raised-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-tooltip{--tw-shadow:var(--shadow-tooltip);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.ring-offset-bg-card{--tw-ring-offset-color:var(--color-bg-card)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-text-muted::placeholder{color:var(--color-text-muted)}.placeholder\:text-text-placeholder::placeholder{color:var(--color-text-placeholder)}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-1\.5:before{content:var(--tw-content);height:var(--spacing-1_5)}.before\:h-2:before{content:var(--tw-content);height:var(--spacing-2)}.before\:h-\[5px\]:before{content:var(--tw-content);height:5px}.before\:w-1\.5:before{content:var(--tw-content);width:var(--spacing-1_5)}.before\:w-2:before{content:var(--tw-content);width:var(--spacing-2)}.before\:w-\[5px\]:before{content:var(--tw-content);width:5px}.before\:flex-shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:var(--radius-full)}.before\:bg-error:before{content:var(--tw-content);background-color:var(--color-error)}.before\:bg-gray-400:before{content:var(--tw-content);background-color:var(--color-gray-400)}.before\:bg-info:before{content:var(--tw-content);background-color:var(--color-info)}.before\:bg-purple:before{content:var(--tw-content);background-color:var(--color-purple)}.before\:bg-success-light:before{content:var(--tw-content);background-color:var(--color-success-light)}.before\:bg-text-muted:before{content:var(--tw-content);background-color:var(--color-text-muted)}.before\:bg-warning:before{content:var(--tw-content);background-color:var(--color-warning)}.before\:shadow-\[0_0_4px_var\(--color-border-strong\)\]:before{content:var(--tw-content);--tw-shadow:0 0 4px var(--tw-shadow-color,var(--color-border-strong));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_4px_var\(--color-info-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 4px var(--tw-shadow-color,var(--color-info-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_4px_var\(--color-purple-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 4px var(--tw-shadow-color,var(--color-purple-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_4px_var\(--color-warning-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 4px var(--tw-shadow-color,var(--color-warning-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_4px_var\(--gray-400\)\]:before{content:var(--tw-content);--tw-shadow:0 0 4px var(--tw-shadow-color,var(--gray-400));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_6px_var\(--color-error-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 6px var(--tw-shadow-color,var(--color-error-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_6px_var\(--color-info-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 6px var(--tw-shadow-color,var(--color-info-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_6px_var\(--color-purple-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 6px var(--tw-shadow-color,var(--color-purple-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_6px_var\(--color-success-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 6px var(--tw-shadow-color,var(--color-success-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[0_0_6px_var\(--color-warning-glow\)\]:before{content:var(--tw-content);--tw-shadow:0 0 6px var(--tw-shadow-color,var(--color-warning-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media(hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:calc(var(--spacing-px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-border-default:hover{border-color:var(--color-border-default)}.hover\:border-border-strong:hover{border-color:var(--color-border-strong)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-bg-button-hover:hover{background-color:var(--color-bg-button-hover)}.hover\:bg-bg-hover:hover{background-color:var(--color-bg-hover)}.hover\:bg-border-strong:hover{background-color:var(--color-border-strong)}.hover\:bg-destructive\/90:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-error-dark:hover{background-color:var(--color-error-dark)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-interactive-hover:hover{background-color:var(--color-interactive-hover)}.hover\:bg-muted\/50:hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-success-dark:hover{background-color:var(--color-success-dark)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-star:hover{color:var(--color-star)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:border-border-default:focus{border-color:var(--color-border-default)}.focus\:border-border-strong:focus{border-color:var(--color-border-strong)}.focus\:bg-bg-hover:focus{background-color:var(--color-bg-hover)}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-border-focus:focus-visible{--tw-ring-color:var(--color-border-focus)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:bg-bg-active:active{background-color:var(--color-bg-active)}.active\:bg-bg-hover:active{background-color:var(--color-bg-hover)}.active\:bg-error-dark:active{background-color:var(--color-error-dark)}.active\:bg-interactive-active:active{background-color:var(--color-interactive-active)}.active\:bg-success-dark:active{background-color:var(--color-success-dark)}.active\:shadow-sm:active{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-bg-disabled:disabled{background-color:var(--color-bg-disabled)}.disabled\:bg-gray-200:disabled{background-color:var(--color-gray-200)}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\:text-text-disabled:disabled{color:var(--color-text-disabled)}.disabled\:opacity-50:disabled{opacity:.5}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[orientation\=horizontal\]\:h-\[1px\][data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-\[1px\][data-orientation=vertical]{width:1px}.data-\[selected\=true\]\:bg-bg-hover[data-selected=true]{background-color:var(--color-bg-hover)}.data-\[selected\=true\]\:text-text-primary[data-selected=true]{color:var(--color-text-primary)}.data-\[state\=active\]\:border-transparent[data-state=active]{border-color:#0000}.data-\[state\=active\]\:border-b-interactive[data-state=active]{border-bottom-color:var(--color-interactive)}.data-\[state\=active\]\:bg-bg-card[data-state=active]{background-color:var(--color-bg-card)}.data-\[state\=active\]\:bg-gray-900[data-state=active]{background-color:var(--color-gray-900)}.data-\[state\=active\]\:bg-interactive[data-state=active]{background-color:var(--color-interactive)}.data-\[state\=active\]\:bg-transparent[data-state=active]{background-color:#0000}.data-\[state\=active\]\:font-medium[data-state=active]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[state\=active\]\:text-text-primary[data-state=active]{color:var(--color-text-primary)}.data-\[state\=active\]\:text-white[data-state=active]{color:var(--color-white)}.data-\[state\=active\]\:shadow-neu-raised-sm[data-state=active]{--tw-shadow:var(--shadow-neu-raised-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:var(--spacing-5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-interactive[data-state=checked]{border-color:var(--color-interactive)}.data-\[state\=checked\]\:border-success[data-state=checked]{border-color:var(--color-success)}.data-\[state\=checked\]\:bg-interactive[data-state=checked]{background-color:var(--color-interactive)}.data-\[state\=checked\]\:bg-success[data-state=checked]{background-color:var(--color-success)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:bg-bg-hover[data-state=open]{background-color:var(--color-bg-hover)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--color-secondary)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--color-muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{background-color:var(--color-gray-300)}@media not all and (min-width:48rem){.max-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (min-width:40rem){.max-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-2) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-color-scheme:dark){.dark\:border-destructive{border-color:var(--color-destructive)}.dark\:data-\[state\=unchecked\]\:bg-gray-500[data-state=unchecked]{background-color:var(--color-gray-500)}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:var(--spacing-2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:var(--spacing-1_5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-text-muted [cmdk-group-heading]{color:var(--color-text-muted)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:var(--spacing-0)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:flex-1>span{flex:1}.\[\&\>span\]\:text-left>span{text-align:left}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:var(--spacing-4)}.\[\&\>svg\]\:left-4>svg{left:var(--spacing-4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:var(--color-destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--color-foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:var(--spacing-7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@layer components{:root{--gray-0:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-150:#f0f0f0;--gray-200:#ebebeb;--gray-250:#e0e0e0;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#888;--gray-600:#666;--gray-700:#525252;--gray-800:#404040;--gray-850:#2a2a2a;--gray-900:#1a1a1a;--gray-950:#0a0a0a;--gray-1000:#000;--color-bg-primary:var(--gray-0);--color-bg-secondary:var(--gray-50);--color-bg-tertiary:var(--gray-0);--color-bg-elevated:var(--gray-0);--color-bg-sunken:var(--gray-50);--color-bg-hover:var(--gray-50);--color-bg-active:var(--gray-100);--color-bg-row-alt:var(--gray-0);--color-bg-neu-raised:var(--gray-0);--color-bg-neu-sunken:var(--gray-50);--color-bg-neu-sidebar:var(--gray-50);--color-bg-neu-header:var(--gray-50);--color-surface-card:var(--gray-0);--color-surface-overlay:var(--gray-0);--color-surface-modal:var(--gray-0);--color-surface-dropdown:var(--gray-0);--color-backdrop-overlay:#000000b3;--color-bg-card:var(--gray-0);--color-bg-card-header:var(--gray-0);--color-bg-page:var(--gray-50);--color-bg-subtle:var(--gray-50);--color-bg-neu-table:var(--gray-0);--color-bg-neu-table-header:var(--gray-0);--color-bg-table-footer:var(--gray-0);--color-bg-table-row:var(--gray-0);--color-bg-table-row-alt:var(--gray-50);--color-bg-table-row-hover:var(--gray-100);--color-table-card-bg:var(--gray-0);--color-table-card-border:var(--color-border-default);--color-table-card-shadow:var(--shadow-card);--color-table-row:var(--gray-0);--color-table-row-alt:var(--gray-50);--color-table-row-hover:var(--gray-100);--color-table-row-selected:#3b82f61a;--color-table-row-focus:#3b82f633;--color-table-header-bg:var(--gray-50);--color-table-header-border:var(--color-border-default);--color-table-header-text:var(--color-text-secondary);--color-table-text:var(--color-text-primary);--color-table-text-muted:var(--color-text-muted);--color-table-line:var(--color-border-divider);--color-bg-button-hover:var(--gray-100);--color-bg-element-hover:var(--gray-50);--color-bg-element-active:var(--gray-100);--color-scrollbar-track:var(--gray-100);--color-scrollbar-thumb:var(--gray-300);--color-scrollbar-thumb-hover:var(--gray-400);--color-bg-button-primary-hover:var(--gray-800);--color-bg-button-dark-hover:var(--gray-700);--color-bg-button-dark:var(--gray-700);--color-bg-button-darker:var(--gray-800);--color-bg-button-darkest:var(--gray-950);--color-bg-disabled:var(--gray-200);--color-bg-icon-raised:var(--gray-100);--color-bg-dropdown:var(--gray-0);--color-sidebar-nav-hover:var(--gray-100);--color-sidebar-nav-active:var(--gray-900);--color-sidebar-nav-active-text:#fff;--color-text-primary:var(--gray-900);--color-text-secondary:var(--gray-700);--color-text-tertiary:var(--gray-600);--color-text-muted:var(--gray-500);--color-text-disabled:var(--gray-400);--color-text-inverse:var(--gray-0);--color-text-placeholder:var(--gray-500);--color-interactive-default:var(--gray-900);--color-interactive-hover:var(--gray-850);--color-interactive-active:var(--gray-950);--color-interactive-disabled:var(--gray-400);--color-interactive-gradient:var(--gray-900);--color-interactive-gradient-hover:var(--gray-800);--color-interactive-muted:#0000000d;--color-interactive-subtle:#0000000a;--color-brand-primary:#0369a1;--color-brand-primary-hover:#0284c7;--color-border-subtle:#0000000a;--color-border-default:#00000014;--color-border-strong:#0000001f;--color-border-input:#00000014;--color-border-focus:var(--gray-900);--color-border-divider:#0000000f;--color-border-neu-light:#fff9;--color-border-neu-dark:#0000000f;--color-success:#16a34a;--color-success-light:#22c55e;--color-success-dark:#166534;--color-success-bg:#dcfce7;--color-success-bg-gradient:#dcfce7;--color-success-border:#22c55e26;--color-success-glow:#22c55e99;--color-success-muted:#22c55e1a;--color-success-gradient:linear-gradient(135deg, #16a34a 0%, #059669 100%);--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#92400e;--color-warning-bg:#fef3c7;--color-warning-bg-gradient:#fef3c7;--color-warning-border:#fbbf2433;--color-warning-glow:#f59e0b99;--color-warning-muted:#f59e0b1a;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#991b1b;--color-error-bg:#fee2e2;--color-error-bg-gradient:#fee2e2;--color-error-border:#ef444426;--color-error-glow:#ef444499;--color-error-muted:#ef44441a;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#1e40af;--color-info-bg:#dbeafe;--color-info-bg-gradient:#dbeafe;--color-info-border:#3b82f626;--color-info-glow:#3b82f699;--color-info-muted:#3b82f60d;--color-purple:#a855f7;--color-purple-light:#c084fc;--color-purple-dark:#5b21b6;--color-purple-bg:#ede9fe;--color-purple-bg-gradient:#ede9fe;--color-purple-border:#a855f726;--color-purple-glow:#a855f799;--color-cyan:#06b6d4;--color-cyan-light:#22d3ee;--color-cyan-dark:#0891b2;--color-cyan-bg:#cffafe;--color-cyan-bg-gradient:#cffafe;--color-cyan-border:#06b6d426;--color-cyan-glow:#06b6d499;--color-pink:#ec4899;--color-pink-light:#f472b6;--color-pink-dark:#db2777;--color-indigo:#6366f1;--color-indigo-light:#818cf8;--color-indigo-dark:#4338ca;--color-indigo-bg:#eef2ff;--color-indigo-bg-gradient:#eef2ff;--color-indigo-border:#6366f11f;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-star:#f59e0b;--color-star-bg:#fef3c7;--color-star-active:#fde68a;--color-star-glow:#f59e0b33;--color-linkedin:#0077b5;--color-linkedin-bg:#dbeafe;--color-email:#2563eb;--color-email-bg:#dbeafe;--color-phone:#16a34a;--color-phone-bg:#dcfce7;--color-notification:#ef4444;--color-notification-bg:#ef4444;--color-priority-critical:#ef4444;--color-priority-high:#f97316;--color-priority-medium:#eab308;--color-priority-low:#22c55e;--color-role-sales:#3b82f6;--color-role-support:#8b5cf6;--color-role-compliance:#ef4444;--color-role-trading:#f59e0b;--color-role-operations:#06b6d4;--color-role-manager:#6366f1;--color-orange:#f97316;--color-orange-bg:#f9731626;--color-orange-text:#c2410c;--color-orange-border:#f973164d;--color-sky:#0ea5e9;--color-sky-bg:#0ea5e926;--color-sky-text:#0369a1;--color-sky-border:#0ea5e94d;--color-amber-bg:#fbbf2426;--color-amber-text:#b45309;--color-amber-border:#fbbf244d;--color-violet:#7c3aed;--color-violet-bg:#8b5cf61f;--color-violet-text:#7c3aed;--color-violet-border:#8b5cf64d;--color-purple-text:#7e22ce;--color-purple-bg-alt:#a855f726;--color-slate:#64748b;--color-slate-bg:#64748b1f;--color-slate-border:#64748b4d;--color-vip:#9333ea;--color-vip-bg:#9333ea1f;--color-vip-border:#9333ea4d;--color-tag-yellow-bg:#fffbeb;--color-tag-yellow-border:#fbbf24;--color-error-bg-hover:#fecaca;--color-error-bg-active:#fca5a5;--color-success-bg-hover:#bbf7d0;--color-success-bg-active:#86efac;--color-shadow-card-hover-light:#fffffffa;--color-shadow-card-hover-dark:#00000014;--color-medal-gold:gold;--color-medal-gold-dark:#ffc107;--color-medal-gold-text:#5d4e00;--color-medal-silver:silver;--color-medal-silver-dark:#a8a8a8;--color-medal-silver-text:#4a4a4a;--color-medal-bronze:#cd7f32;--color-medal-bronze-dark:#b87333;--color-medal-bronze-text:#4a3520;--color-medal-platinum:#e5e4e2;--color-medal-platinum-dark:#b9b8b7;--color-medal-platinum-text:#3d3d3d;--gradient-primary:linear-gradient(135deg, var(--color-indigo) 0%, var(--color-purple) 100%);--gradient-primary-vertical:linear-gradient(180deg, var(--color-indigo) 0%, var(--color-indigo-light) 100%);--gradient-medal-gold:linear-gradient(135deg, var(--color-medal-gold), var(--color-medal-gold-dark));--gradient-medal-silver:linear-gradient(135deg, var(--color-medal-silver), var(--color-medal-silver-dark));--gradient-medal-bronze:linear-gradient(135deg, var(--color-medal-bronze), var(--color-medal-bronze-dark));--gradient-medal-platinum:linear-gradient(135deg, var(--color-medal-platinum), var(--color-medal-platinum-dark));--gradient-success:linear-gradient(145deg, var(--color-success), var(--color-success-dark));--gradient-purple-pink:linear-gradient(135deg, var(--color-purple), var(--color-pink));--gradient-blue-purple:linear-gradient(135deg, var(--color-info), var(--color-purple));--color-overlay-dark:#0006;--color-overlay-darker:#00000080;--color-overlay-light:#ffffff4d;--color-gray-muted:#6b72801a;--color-indigo-muted:#6366f114;--color-indigo-muted-light:#6366f10d;--color-info-bg-subtle:#3b82f61a;--color-info-bg-subtle-light:#3b82f614;--color-info-border-subtle:#3b82f633;--color-error-bg-subtle:#ef444433;--color-error-bg-critical:#ef444426;--color-error-text:#b91c1c;--color-warning-bg-subtle:#f59e0b1a;--color-success-fill-subtle:#10b9811a;--color-success-text:#166534;--color-overlay-backdrop:#0000004d;--color-white-ring:#ffffff4d;--color-border-secondary:var(--color-border-default);--color-border-primary:var(--color-interactive-default);--color-focus-ring:var(--color-border-focus);--color-bg-input:var(--color-bg-secondary)}.dark{--color-primary:#f97316;--color-primary-hover:#fb923c;--color-primary-active:#ea580c;--color-primary-glow:#f9731666;--color-primary-subtle:#f973161a;--color-primary-border:#f973164d;--gray-0:#0a1628;--gray-50:#0c1a2e;--gray-100:#0f1f35;--gray-150:#142840;--gray-200:#1a3350;--gray-250:#203d5c;--gray-300:#284868;--gray-400:#325578;--gray-500:#3d6288;--gray-600:#64748b;--gray-700:#94a3b8;--gray-800:#cbd5e1;--gray-850:#e2e8f0;--gray-900:#f1f5f9;--gray-950:#f8fafc;--gray-1000:#fff;--glass-bg:#0a1420b3;--glass-bg-light:#0a142080;--glass-bg-elevated:#0d1a2dcc;--glass-bg-solid:#0a1420f2;--glass-border:#ffffff14;--glass-border-subtle:#ffffff0a;--glass-border-hover:#ffffff1f;--glass-shadow:0 8px 32px #0000004d;--glass-shadow-lg:0 12px 48px #0006;--glass-shadow-glow:0 0 24px #f9731626;--glass-inset-highlight:inset 0 1px 0 #ffffff0f;--glass-card-bg:linear-gradient(145deg, #0d1a2d99 0%, #0a142066 100%);--color-bg-primary:var(--gray-50);--color-bg-secondary:var(--gray-0);--color-bg-tertiary:var(--gray-200);--color-bg-elevated:var(--gray-250);--color-bg-sunken:var(--gray-0);--color-bg-hover:var(--gray-300);--color-bg-active:var(--gray-400);--color-bg-row-alt:var(--gray-150);--color-bg-page:var(--gray-0);--color-bg-card:var(--gray-150);--color-bg-subtle:var(--gray-200);--color-bg-neu-raised:linear-gradient(145deg, var(--gray-200), var(--gray-150));--color-bg-neu-sunken:linear-gradient(145deg, var(--gray-50), var(--gray-100));--color-bg-neu-sidebar:linear-gradient(180deg, var(--gray-100) 0%, var(--gray-50) 100%);--color-bg-neu-header:linear-gradient(180deg, var(--gray-200) 0%, var(--gray-150) 100%);--color-surface-card:var(--gray-100);--color-surface-overlay:#0a1420fa;--color-surface-modal:var(--gray-100);--color-surface-dropdown:#0f1f35;--color-backdrop-overlay:#000c;--color-bg-card-header:linear-gradient(180deg, #ffffff0a 0%, #ffffff05 100%);--color-bg-neu-table:linear-gradient(180deg, var(--gray-100) 0%, var(--gray-50) 100%);--color-bg-neu-table-header:linear-gradient(145deg, var(--gray-200), var(--gray-150));--color-bg-table-footer:linear-gradient(180deg, var(--gray-150) 0%, var(--gray-100) 100%);--color-bg-table-row:var(--gray-100);--color-bg-table-row-alt:var(--gray-200);--color-bg-table-row-hover:var(--gray-250);--color-table-surface:#081224a6;--color-table-surface-2:#0a1a348c;--color-table-card-bg:linear-gradient(180deg, var(--color-table-surface), var(--color-table-surface-2));--color-table-card-border:#94a3b824;--color-table-card-shadow:0 10px 30px #00000059;--color-table-row:#0a1e3a8c;--color-table-row-alt:#0a1e3a66;--color-table-row-hover:#38bdf814;--color-table-row-selected:#38bdf824;--color-table-row-focus:#38bdf847;--color-table-header-bg:#040e20b8;--color-table-header-border:#94a3b838;--color-table-header-text:#e2e8f0d9;--color-table-text:#e2e8f0;--color-table-text-muted:#e2e8f0b8;--color-table-line:#94a3b824;--color-table-scrollbar-thumb:#94a3b840;--color-table-scrollbar-track:#02061740;--color-bg-button-hover:linear-gradient(145deg, var(--gray-250), var(--gray-300));--color-bg-element-hover:linear-gradient(145deg, var(--gray-150), var(--gray-200));--color-bg-element-active:linear-gradient(145deg, var(--gray-300), var(--gray-400));--color-scrollbar-track:var(--gray-200);--color-scrollbar-thumb:linear-gradient(145deg, var(--gray-400), var(--gray-500));--color-scrollbar-thumb-hover:linear-gradient(145deg, var(--gray-500), var(--gray-600));--color-bg-button-primary-hover:var(--color-interactive-gradient-hover);--color-bg-button-dark-hover:linear-gradient(145deg, var(--gray-300), var(--gray-400));--color-bg-button-dark:var(--gray-300);--color-bg-button-darker:var(--gray-400);--color-bg-button-darkest:var(--gray-500);--color-bg-disabled:var(--gray-300);--color-text-disabled:#5a6b7c;--color-bg-icon-raised:linear-gradient(145deg, var(--gray-250), var(--gray-300));--color-bg-dropdown:linear-gradient(145deg, var(--gray-150), var(--gray-200));--color-text-primary:#fff;--color-text-secondary:#b4c5d6;--color-text-tertiary:#8b9cad;--color-text-muted:#8b9cad;--color-text-inverse:#050a12;--color-text-placeholder:#567;--color-border-subtle:#ffffff0f;--color-border-default:#f9873c1f;--color-border-strong:#f9873c33;--color-border-input:#ffffff1a;--color-border-focus:var(--color-primary);--color-border-divider:#ffffff0f;--color-border-neu-light:#f9873c0f;--color-border-neu-dark:#0006;--color-interactive-default:var(--color-primary);--color-interactive-hover:var(--color-primary-hover);--color-interactive-active:var(--color-primary-active);--color-interactive-disabled:#3d4f61;--color-interactive-gradient:linear-gradient(145deg, #f97316, #ea580c);--color-interactive-gradient-hover:linear-gradient(145deg, #fb923c, #f97316);--color-interactive-muted:#f973161a;--color-interactive-subtle:#f9731614;--color-brand-primary:#38bdf8;--color-brand-primary-hover:#7dd3fc;--color-success:#10b981;--color-success-light:#22c55e;--color-success-dark:#059669;--color-success-bg:#10b98126;--color-success-bg-gradient:linear-gradient(145deg, #10b98133, #10b9811a);--color-success-border:#10b9814d;--color-success-glow:#10b98180;--color-success-text:#10b981;--color-success-muted:#10b98126;--color-success-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b26;--color-warning-bg-gradient:linear-gradient(145deg, #f59e0b33, #f59e0b1a);--color-warning-border:#f59e0b4d;--color-warning-glow:#f59e0b80;--color-warning-text:#f59e0b;--color-warning-muted:#f59e0b26;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#ef444426;--color-error-bg-gradient:linear-gradient(145deg, #ef444433, #ef44441a);--color-error-border:#ef44444d;--color-error-glow:#ef444480;--color-error-text:#ef4444;--color-error-muted:#ef444426;--color-info:#00d4ff;--color-info-light:#38bdf8;--color-info-dark:#09c;--color-info-bg:#00d4ff26;--color-info-bg-gradient:linear-gradient(145deg, #00d4ff33, #00d4ff1a);--color-info-border:#00d4ff4d;--color-info-glow:#00d4ff80;--color-info-text:#00d4ff;--color-info-muted:#00d4ff1a;--color-purple:#8b5cf6;--color-purple-light:#a78bfa;--color-purple-dark:#7c3aed;--color-purple-bg:#8b5cf626;--color-purple-bg-gradient:linear-gradient(145deg, #8b5cf633, #8b5cf61a);--color-purple-border:#8b5cf64d;--color-purple-glow:#8b5cf680;--color-purple-text:#8b5cf6;--color-cyan:#22d3ee;--color-cyan-light:#67e8f9;--color-cyan-dark:#06b6d4;--color-cyan-bg:#22d3ee26;--color-cyan-bg-gradient:linear-gradient(145deg, #22d3ee33, #22d3ee1a);--color-cyan-border:#22d3ee4d;--color-cyan-glow:#22d3ee80;--color-cyan-text:#22d3ee;--color-indigo:#6366f1;--color-indigo-light:#818cf8;--color-indigo-dark:#4f46e5;--color-indigo-bg:#6366f126;--color-indigo-bg-gradient:linear-gradient(145deg, #6366f133, #6366f11a);--color-indigo-border:#6366f14d;--color-code-bg:#0d1117;--color-code-string:#39ff14;--color-code-key:#ff6b9d;--color-code-number:#f97316;--color-code-boolean:#f59e0b;--color-code-null:#64748b;--color-code-bracket:#94a3b8;--color-star:#fbbf24;--color-star-bg:#fbbf2426;--color-star-active:linear-gradient(145deg, #fbbf244d, #fbbf2426);--color-star-glow:#fbbf2466;--color-notification:#ef4444;--color-notification-bg:linear-gradient(145deg, #ef4444, #dc2626);--color-cta:#22c55e;--color-cta-hover:#16a34a;--color-cta-glow:#22c55e66;--color-priority-critical:#ef4444;--color-priority-high:#f97316;--color-priority-medium:#eab308;--color-priority-low:#22c55e;--color-role-sales:#3b82f6;--color-role-support:#8b5cf6;--color-role-compliance:#ef4444;--color-role-trading:#f59e0b;--color-role-operations:#f97316;--color-role-manager:#6366f1;--glass-border-focus:#f9731680;--glass-blur:12px;--glass-blur-heavy:20px;--glass-inset-shadow:inset 0 1px 0 #ffffff0d;--glass-card-border:1px solid #ffffff0f;--glass-card-hover-border:#f982322e;--glass-panel-bg:linear-gradient(180deg, #0a1420f2 0%, #060d18fa 100%);--glass-card-premium-bg:linear-gradient(155deg, #0e1624fa 0%, #0c121ef7 20%, #101622fa 40%, #121824f7 60%, #0e1420fa 80%, #141a26fa 100%);--glass-card-orange-tint:linear-gradient(135deg, #f9731605 0%, transparent 30%, transparent 70%, #f9731604 100%);--glass-card-premium-border:#f982321a;--glass-card-premium-shadow:0 0 0 1px #f973160f, 0 4px 20px #00000080, 0 12px 40px #0006, 0 0 80px #f9731606, inset 0 1px 0 #ffc89608, inset 0 0 80px #f9731604;--glass-card-hover-bg:linear-gradient(155deg, #121a28fa 0%, #0e1622f7 20%, #141a26fa 40%, #161c28f7 60%, #121824fa 80%, #181e2afa 100%);--glass-card-hover-orange-tint:linear-gradient(135deg, #f9731609 0%, transparent 25%, transparent 75%, #f9731606 100%);--glass-card-hover-shadow:0 0 0 1px #f973161f, 0 0 50px #f973160d, 0 8px 28px #00000080, 0 20px 50px #0006, inset 0 1px 0 #ffc8960d, inset 0 0 100px #f9731605;--glass-inner-bg:linear-gradient(160deg, #0c121ceb 0%, #0a101ae6 50%, #0e141eeb 100%);--glass-inner-orange-tint:linear-gradient(135deg, #f9731604 0%, transparent 50%, #f9731603 100%);--glass-inner-border:#f982320d;--glass-inner-shadow:inset 0 2px 6px #00000059, inset 0 0 50px #f9731603, inset 0 -1px 0 #ffc89605;--glass-banner-bg:linear-gradient(140deg, #101a2afa 0%, #0c1624f7 15%, #121c2cfa 30%, #0e1826f7 50%, #101a28fa 70%, #0a1422fa 85%, #0e1826fc 100%);--glass-banner-orange-tint:linear-gradient(120deg, #f9731608 0%, #f9731604 30%, transparent 50%, #f9731603 70%, #f9731606 100%);--glass-banner-border:#f982321f;--glass-banner-shadow:0 0 0 1px #f9731614, 0 0 80px #f973160a, 0 8px 32px #00000080, 0 20px 60px #0006, inset 0 1px 0 #ffc8960a, inset 0 0 120px #f9731605;--glass-tabs-bg:linear-gradient(180deg, #060a12fa 0%, #04080efc 50%, #080c14fa 100%);--glass-tabs-border:#ffffff0d;--glass-tabs-shadow:0 4px 24px #00000080, 0 1px 3px #0000004d, inset 0 1px 0 #ffffff08, inset 0 -1px 2px #0006, 0 0 0 1px #0006;--glass-tab-active-bg:linear-gradient(145deg, var(--color-primary) 0%, var(--color-primary-active) 50%, var(--color-primary) 100%);--glass-tab-active-shadow:0 0 0 1px #f9731699, 0 2px 8px #f9731680, 0 4px 20px #f9731666, 0 8px 40px #f9731640, inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #0003;--glass-tab-inactive-color:#94a3b88c;--glass-tab-inactive-hover-color:#f1f5f9f2;--glass-tab-inactive-hover-bg:#ffffff0f;--glass-status-error-bg:#ef444426;--glass-status-error-shadow:0 0 20px #ef44444d, inset 0 0 12px #ef44441a;--glass-status-warning-bg:#f59e0b26;--glass-status-warning-shadow:0 0 20px #f59e0b4d, inset 0 0 12px #f59e0b1a;--glass-status-success-bg:#10b98126;--glass-status-success-shadow:0 0 20px #10b9814d, inset 0 0 12px #10b9811a;--glass-status-info-bg:#00b4dc26;--glass-status-info-shadow:0 0 20px #00b4dc4d, inset 0 0 12px #00b4dc1a;--glass-primary-shadow:0 0 20px #f9731666, 0 4px 12px #0000004d;--glass-text-error-glow:0 0 20px #ef444480;--glass-text-warning-glow:0 0 20px #f59e0b80;--glass-text-success-glow:0 0 20px #10b98180;--glass-divider-color:#f9823214;--glass-divider-subtle:#f982320f;--glass-page-glow-top:radial-gradient(ellipse 100% 60% at 50% -10%, #f9731606 0%, transparent 45%);--glass-page-glow-right:radial-gradient(ellipse 80% 50% at 100% 100%, #f9731604 0%, transparent 35%);--glass-page-glow-left:radial-gradient(ellipse 60% 40% at 0% 80%, #f9731603 0%, transparent 30%);--glass-page-base:linear-gradient(180deg, var(--gray-50) 0%, var(--gray-100) 30%, var(--gray-50) 70%, var(--gray-0) 100%);--glass-scrollbar-track:#0a142380;--glass-scrollbar-thumb:linear-gradient(180deg, #f973164d 0%, #f9731626 100%);--glass-scrollbar-thumb-hover:linear-gradient(180deg, #f9731680 0%, #f973164d 100%);--glass-header-bg:linear-gradient(90deg, #0e1a2cf2 0%, #122034e6 50%, #0e1a2cf2 100%);--glass-header-border:#f9823214;--glass-input-bg:#0a1423cc;--glass-input-border:#f982321a;--glass-input-shadow:inset 0 2px 4px #0003, 0 0 0 1px #ffffff05;--glass-input-focus-border:#f9731666;--glass-input-focus-shadow:inset 0 2px 4px #0003, 0 0 0 1px #f9731633, 0 0 20px #f973161a;--glow-success:0 0 12px #10b98180;--glow-error:0 0 12px #ef444480;--glow-warning:0 0 12px #f59e0b80;--glow-info:0 0 12px #00d4ff80;--glow-primary:0 0 12px #f9731680;--glow-purple:0 0 12px #8b5cf680;--glass-sidebar-bg:linear-gradient(180deg, #0e1a2cfa 0%, #0a1423fc 50%, #08101c 100%);--glass-sidebar-border:#f9823214;--glass-sidebar-shadow:4px 0 24px #0000004d, 1px 0 0 #f973160d;--glass-nav-active-bg:linear-gradient(90deg, #f9731626 0%, #f973160d 100%);--glass-nav-active-border:3px solid var(--color-primary);--glass-nav-active-shadow:inset 0 0 20px #f973161a, 0 0 20px #f973160d;--glass-nav-hover-bg:#f9731614;--color-sidebar-nav-hover:#ffffff14;--color-sidebar-nav-active:#f973162e;--color-sidebar-nav-active-text:#fff;--glass-logo-color:var(--color-primary);--glass-logo-filter:brightness(0) invert(1);--glass-logo-glow:drop-shadow(0 0 12px #ffffff4d);--color-border-secondary:var(--color-border-default);--color-border-primary:var(--color-interactive-default);--color-focus-ring:var(--color-border-focus);--color-bg-input:var(--color-bg-secondary)}:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-2xs:9px;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-size-5xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-.02em;--letter-spacing-tight:-.01em;--letter-spacing-normal:0;--letter-spacing-wide:.02em;--letter-spacing-wider:.05em;--letter-spacing-widest:.08em;--text-h1:var(--font-weight-bold) var(--font-size-3xl) / var(--line-height-tight) var(--font-sans);--text-h2:var(--font-weight-bold) var(--font-size-2xl) / var(--line-height-tight) var(--font-sans);--text-h3:var(--font-weight-semibold) var(--font-size-xl) / var(--line-height-snug) var(--font-sans);--text-h4:var(--font-weight-semibold) var(--font-size-lg) / var(--line-height-snug) var(--font-sans);--text-body:var(--font-weight-normal) var(--font-size-base) / var(--line-height-normal) var(--font-sans);--text-body-sm:var(--font-weight-normal) var(--font-size-sm) / var(--line-height-normal) var(--font-sans);--text-body-lg:var(--font-weight-normal) var(--font-size-md) / var(--line-height-relaxed) var(--font-sans);--text-button:var(--font-weight-semibold) var(--font-size-base) / var(--line-height-none) var(--font-sans);--text-button-sm:var(--font-weight-semibold) var(--font-size-sm) / var(--line-height-none) var(--font-sans);--text-input:var(--font-weight-medium) var(--font-size-base) / var(--line-height-normal) var(--font-sans);--text-label:var(--font-weight-medium) var(--font-size-base) / var(--line-height-normal) var(--font-sans);--text-caption:var(--font-weight-normal) var(--font-size-sm) / var(--line-height-normal) var(--font-sans);--text-table-header:var(--font-weight-semibold) var(--font-size-sm) / var(--line-height-none) var(--font-sans);--text-table-cell:var(--font-weight-normal) var(--font-size-base) / var(--line-height-normal) var(--font-sans);--text-badge:var(--font-weight-semibold) var(--font-size-sm) / var(--line-height-none) var(--font-sans);--text-badge-sm:var(--font-weight-semibold) var(--font-size-xs) / var(--line-height-none) var(--font-sans);--text-tag:var(--font-weight-semibold) var(--font-size-sm) / var(--line-height-none) var(--font-sans);--text-nav:var(--font-weight-medium) var(--font-size-md) / var(--line-height-normal) var(--font-sans);--text-nav-sm:var(--font-weight-medium) var(--font-size-base) / var(--line-height-normal) var(--font-sans);--text-breadcrumb:var(--font-weight-medium) var(--font-size-sm) / var(--line-height-normal) var(--font-sans);--text-code:var(--font-weight-normal) var(--font-size-base) / var(--line-height-normal) var(--font-mono);--text-code-sm:var(--font-weight-normal) var(--font-size-sm) / var(--line-height-normal) var(--font-mono);--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--padding-button-x:var(--space-4);--padding-button-y:var(--space-2);--padding-button-sm-x:var(--space-3);--padding-button-sm-y:var(--space-1-5);--padding-button-lg-x:var(--space-6);--padding-button-lg-y:var(--space-3);--padding-input-x:var(--space-3-5);--padding-input-y:var(--space-2-5);--padding-badge-x:var(--space-3);--padding-badge-y:var(--space-1-5);--padding-card:var(--space-5);--padding-card-sm:var(--space-4);--padding-card-lg:var(--space-6);--padding-modal:var(--space-6);--padding-modal-header:var(--space-5) var(--space-6);--padding-modal-body:var(--space-6);--padding-modal-footer:var(--space-4) var(--space-6);--padding-dropdown:var(--space-1-5);--padding-dropdown-item:var(--space-2-5) var(--space-3-5);--padding-table-cell:var(--space-3-5) var(--space-3);--padding-table-header:var(--space-3-5) var(--space-3);--gap-button-icon:var(--space-2);--gap-form:var(--space-5);--gap-form-sm:var(--space-4);--gap-card:var(--space-4);--gap-list:var(--space-2);--gap-list-sm:var(--space-1);--gap-inline:var(--space-2);--gap-stack:var(--space-4);--gap-section:var(--space-8);--layout-sidebar-width:260px;--layout-sidebar-collapsed:72px;--layout-sidebar-gap:var(--space-4);--layout-header-height:65px;--layout-page-padding:var(--space-6);--layout-content-max-width:1400px;--icon-xs:12px;--icon-sm:14px;--icon-md:16px;--icon-lg:18px;--icon-xl:20px;--icon-2xl:24px;--icon-3xl:28px;--icon-4xl:32px;--shadow-none:none;--shadow-xs:0 1px 2px #00000014;--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #00000014;--shadow-md:0 4px 8px -1px #00000026, 0 2px 4px -1px #0000001a;--shadow-lg:0 10px 20px -3px #00000026, 0 4px 8px -2px #0000001a;--shadow-xl:0 20px 30px -5px #0000002e, 0 10px 12px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-card:0 1px 3px #00000014;--shadow-panel:0 4px 24px #0000001f;--shadow-dropdown:0 10px 40px #0000001f, 0 4px 12px #0000000f;--shadow-modal:0 20px 60px #00000026, 0 8px 20px #0000001a;--shadow-tooltip:0 4px 12px #00000026;--shadow-neu-raised:0 2px 4px #0000000f, 0 1px 2px #0000000a;--shadow-neu-raised-lg:0 4px 8px #00000014, 0 2px 4px #0000000a;--shadow-neu-raised-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-neu-pressed:inset 0 1px 3px #00000014;--shadow-neu-pressed-lg:inset 0 2px 4px #0000001a;--shadow-neu-inset:inset 0 1px 3px #0000000f;--shadow-neu-inset-lg:inset 0 2px 4px #00000014;--shadow-neu-flat:0 1px 2px #0000000a;--shadow-neu-dark-raised:0 2px 4px #00000026, 0 1px 2px #0000001a;--shadow-neu-dark-raised-lg:0 4px 8px #0003, 0 2px 4px #0000001a;--shadow-neu-dark-pressed:inset 0 1px 3px #0003;--shadow-neu-success:3px 3px 6px #22c55e33, -2px -2px 5px #ffffffe6, inset 0 1px 0 #ffffffb3;--shadow-neu-warning:3px 3px 6px #fbbf2440, -2px -2px 5px #ffffffe6, inset 0 1px 0 #ffffffb3;--shadow-neu-error:3px 3px 6px #ef444433, -2px -2px 5px #ffffffe6, inset 0 1px 0 #ffffffb3;--shadow-neu-info:3px 3px 6px #3b82f633, -2px -2px 5px #ffffffe6, inset 0 1px 0 #ffffffb3;--shadow-neu-purple:3px 3px 6px #a855f733, -2px -2px 5px #ffffffe6, inset 0 1px 0 #ffffffb3;--shadow-neu-indigo:3px 3px 6px #6366f126, -2px -2px 5px #ffffffe6, inset 0 1px 0 #ffffffb3;--shadow-neu-star:0 0 8px #f59e0b33;--shadow-neu-star-active:inset 2px 2px 4px #f59e0b26, inset -1px -1px 3px #ffffff80, 0 0 8px #f59e0b33;--shadow-sidebar:4px 0 12px #0000001a, 1px 0 4px #0000000f;--shadow-header:0 4px 12px #00000014, 0 1px 4px #0000000a;--shadow-table-row-hover:0 2px 6px #0000000f;--shadow-focus-ring:0 0 0 3px #0000000f;--shadow-focus-ring-dark:0 0 0 3px #1a1a1a26;--shadow-focus-ring-error:0 0 0 3px #ef444426;--shadow-interactive-hover:0 4px 12px #1a1a1a33;--shadow-success-hover:0 4px 12px #16a34a4d}.dark{--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 1px 3px #0009, 0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-card:0 2px 8px #0006, 0 1px 2px #0000004d, inset 0 1px 0 #ffffff05;--shadow-panel:0 4px 24px #0009;--shadow-dropdown:0 10px 40px #00000080, 0 4px 12px #0006, inset 0 1px 0 #ffffff08;--shadow-modal:0 20px 60px #0009, 0 8px 20px #00000080, inset 0 1px 0 #ffffff05;--shadow-neu-raised:0 8px 32px #00000073, 0 2px 8px #0000004d, 0 0 0 1px #f973160a, inset 0 1px 0 #ffffff0f;--shadow-neu-raised-sm:0 4px 16px #0006, 0 1px 4px #00000040, 0 0 0 1px #f9731608, inset 0 1px 0 #ffffff0d;--shadow-neu-raised-lg:0 12px 48px #00000080, 0 4px 12px #00000059, 0 0 0 1px #f973160d, 0 0 60px #f9731608, inset 0 1px 0 #ffffff14;--shadow-neu-pressed:inset 3px 3px 8px #00000080, inset -2px -2px 6px #14233833;--shadow-neu-inset:inset 3px 3px 10px #00000080, inset -2px -2px 8px #14233833;--shadow-neu-inset-lg:inset 4px 4px 14px #00000080, inset -3px -3px 10px #14233833;--shadow-neu-dark-raised:3px 3px 8px #00000080, -2px -2px 6px #00d4ff0d, inset 0 1px 0 #00d4ff1a;--shadow-neu-dark-raised-lg:5px 5px 15px #00000080, -3px -3px 10px #00d4ff14, inset 0 1px 0 #00d4ff1a;--shadow-sidebar:4px 0 24px #0006, 1px 0 0 #ffffff05 inset;--shadow-header:0 4px 24px #0006, 0 1px 0 #ffffff05 inset;--shadow-glow-primary:0 0 20px #00d4ff4d;--shadow-glow-success:0 0 20px #10b9814d;--shadow-glow-warning:0 0 20px #f59e0b4d;--shadow-glow-error:0 0 20px #ef44444d;--shadow-glow-purple:0 0 20px #8b5cf64d;--shadow-focus-ring:0 0 0 3px #00d4ff33;--shadow-focus-ring-dark:0 0 0 3px #00d4ff4d;--shadow-focus-ring-error:0 0 0 3px #ef44444d;--shadow-interactive-hover:0 4px 12px #00d4ff4d;--shadow-success-hover:0 4px 12px #10b98166}:root{--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:16px;--radius-4xl:20px;--radius-full:9999px;--radius-pill:9999px;--radius-button:var(--radius-lg);--radius-button-sm:var(--radius-md);--radius-button-lg:var(--radius-xl);--radius-button-icon:var(--radius-md);--radius-input:var(--radius-xl);--radius-input-sm:var(--radius-lg);--radius-card:var(--radius-xl);--radius-card-sm:var(--radius-lg);--radius-card-lg:var(--radius-3xl);--radius-modal:var(--radius-3xl);--radius-dropdown:var(--radius-2xl);--radius-popover:var(--radius-2xl);--radius-tooltip:var(--radius-sm);--radius-badge:var(--radius-md);--radius-badge-pill:var(--radius-full);--radius-tag:var(--radius-md);--radius-chip:var(--radius-full);--radius-nav-item:var(--radius-lg);--radius-tab:var(--radius-lg);--radius-tab-container:var(--radius-2xl);--radius-table:var(--radius-xl);--radius-table-row:2px;--radius-avatar:var(--radius-lg);--radius-avatar-sm:var(--radius-md);--radius-checkbox:var(--radius-sm);--radius-checkbox-lg:var(--radius-md);--radius-image:var(--radius-lg);--radius-thumbnail:var(--radius-md);--duration-instant:0s;--duration-fast:.1s;--duration-base:.2s;--duration-slow:.3s;--duration-slower:.4s;--duration-slowest:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--transition-fast:var(--duration-fast) var(--ease-out);--transition-base:var(--duration-base) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--transition-button:all var(--duration-base) var(--ease-out);--transition-input:all var(--duration-base) var(--ease-out);--transition-link:color var(--duration-fast) var(--ease-out);--transition-transform:transform var(--duration-base) var(--ease-out);--transition-scale:transform var(--duration-fast) var(--ease-spring);--transition-colors:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);--transition-opacity:opacity var(--duration-base) var(--ease-out);--transition-fade:opacity var(--duration-slow) var(--ease-out);--transition-dropdown:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);--transition-modal:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-spring);--transition-sidebar:width var(--duration-slow) var(--ease-in-out);--transition-tooltip:opacity var(--duration-fast) var(--ease-out), visibility var(--duration-fast) var(--ease-out);--transition-hover-lift:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}:root{--animation-fade-in:fadeIn var(--duration-base) var(--ease-out);--animation-fade-out:fadeOut var(--duration-base) var(--ease-out);--animation-slide-up:slideUp var(--duration-slow) var(--ease-out);--animation-slide-down:slideDown var(--duration-slow) var(--ease-out);--animation-scale-in:scaleIn var(--duration-base) var(--ease-spring);--animation-spin:spin 1s var(--ease-linear) infinite;--animation-pulse:pulse 2s var(--ease-in-out) infinite;--animation-shimmer:shimmer 1.5s var(--ease-linear) infinite;--animation-shake:shake .5s var(--ease-in-out);--background:var(--color-bg-primary);--foreground:var(--color-text-primary);--card:var(--color-bg-card);--card-foreground:var(--color-text-primary);--popover:var(--color-surface-dropdown);--popover-foreground:var(--color-text-primary);--primary:var(--color-interactive-default);--primary-foreground:var(--color-text-inverse);--secondary:var(--color-bg-secondary);--secondary-foreground:var(--color-text-primary);--muted:var(--color-bg-subtle);--muted-foreground:var(--color-text-muted);--accent:var(--color-bg-hover);--accent-foreground:var(--color-text-primary);--destructive:var(--color-error);--destructive-foreground:var(--color-text-inverse);--border:var(--color-border-default);--input:var(--color-border-input);--ring:var(--color-border-focus);--radius:var(--radius-md)}.btn{justify-content:center;align-items:center;gap:var(--gap-button-icon);padding:var(--padding-button-y) var(--padding-button-x);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none);border-radius:var(--radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:var(--transition-button);border:1px solid #0000;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus-ring-dark);outline:none}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.btn-primary{background:var(--color-interactive-gradient);color:var(--color-text-inverse);box-shadow:none;border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--color-interactive-gradient-hover);box-shadow:none}.btn-primary:active:not(:disabled){background:var(--color-interactive-active);box-shadow:none}.btn-dark{color:#fff;background:linear-gradient(#1f1f1f,#0a0a0a);border-color:#0000;box-shadow:0 1px 2px #00000026,0 2px 6px #0000001a}.btn-dark:hover:not(:disabled){background:linear-gradient(#2a2a2a,#111);transform:translateY(-1px);box-shadow:0 2px 4px #0003,0 4px 12px #00000026}.btn-dark:active:not(:disabled){background:linear-gradient(#0a0a0a,#000);transform:translateY(0);box-shadow:0 1px 2px #0003}.btn-secondary{background:var(--color-bg-neu-raised);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--color-bg-button-hover);border-color:var(--color-border-strong);box-shadow:none}.btn-secondary:active:not(:disabled){background:var(--color-bg-element-active);box-shadow:none}.btn-ghost{color:var(--color-text-secondary);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-ghost:active:not(:disabled){background:var(--color-bg-active)}.btn-outline{background:var(--color-bg-neu-raised);color:var(--color-text-secondary);border:1px solid var(--color-border-neu-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-raised-sm);font-weight:var(--font-weight-medium)}.btn-outline svg{color:var(--color-interactive-default);transition:color var(--transition-fast)}.btn-outline:hover:not(:disabled){box-shadow:var(--shadow-neu-raised);border-color:var(--color-border-default);color:var(--color-text-primary);transform:translateY(-2px)}.btn-outline:hover:not(:disabled) svg{color:var(--color-interactive-hover)}.btn-outline:active:not(:disabled){box-shadow:var(--shadow-neu-raised-sm);transform:translateY(0)}.btn-outline:focus-visible{box-shadow:var(--shadow-neu-raised-sm),0 0 0 2px var(--color-interactive-muted);outline:none}.btn-danger{background:var(--color-error-bg);color:var(--color-error-dark);border-color:var(--color-error-border);box-shadow:none}.btn-danger:hover:not(:disabled){background:var(--color-error-bg-hover);box-shadow:none}.btn-danger:active:not(:disabled){background:var(--color-error-bg-active);box-shadow:none}.btn-success{background:var(--color-success-bg);color:var(--color-success-dark);border-color:var(--color-success-border);box-shadow:none}.btn-success:hover:not(:disabled){background:var(--color-success-bg-hover);box-shadow:none}.btn-success:active:not(:disabled){background:var(--color-success-bg-active);box-shadow:none}.btn-sm{padding:var(--padding-button-sm-y) var(--padding-button-sm-x);font-size:var(--font-size-sm);border-radius:var(--radius-button-sm)}.btn-sm svg{width:var(--icon-sm);height:var(--icon-sm)}.btn-lg{padding:var(--padding-button-lg-y) var(--padding-button-lg-x);font-size:var(--font-size-md);border-radius:var(--radius-button-lg)}.btn-lg svg{width:var(--icon-lg);height:var(--icon-lg)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-button-icon);width:40px;height:40px}.btn-icon.btn-sm{padding:var(--space-1-5);width:32px;height:32px}.btn-icon.btn-lg{padding:var(--space-2-5);width:48px;height:48px}.btn-icon-neu{background:var(--color-bg-neu-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-button-icon);width:40px;height:40px;color:var(--color-text-tertiary);cursor:pointer;box-shadow:none;transition:var(--transition-button);justify-content:center;align-items:center;padding:0;display:flex}.btn-icon-neu svg{width:var(--icon-lg);height:var(--icon-lg)}.btn-icon-neu:hover:not(:disabled){background:var(--color-bg-button-hover);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:none}.btn-icon-neu:active:not(:disabled){background:var(--color-bg-element-active);box-shadow:none}.btn-icon-neu.btn-sm{width:32px;height:32px}.btn-icon-neu.btn-sm svg{width:var(--icon-sm);height:var(--icon-sm)}.btn-group{border-radius:var(--radius-button);display:inline-flex;overflow:hidden}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-button);border-bottom-left-radius:var(--radius-button)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-button);border-bottom-right-radius:var(--radius-button)}.btn-group .btn:not(:last-child){border-right:1px solid var(--color-border-default)}.btn-toggle-group{background:var(--color-bg-neu-sunken);border-radius:var(--radius-tab-container);padding:var(--space-1);box-shadow:none;border:1px solid var(--color-border-default);align-items:center;display:flex}.btn-toggle{justify-content:center;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-tab);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-button);background:0 0;border:none;display:flex}.btn-toggle svg{width:var(--icon-sm);height:var(--icon-sm)}.btn-toggle:hover:not(.active):not(:disabled){color:var(--color-text-secondary);background:var(--color-bg-hover)}.btn-toggle.active{background:var(--color-interactive-gradient);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);box-shadow:none}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";width:16px;height:16px;animation:var(--animation-spin);border:2px solid;border-right-color:#0000;border-radius:50%;position:absolute}.btn-primary.btn-loading:after{border-color:#ffffff4d #fff #ffffff4d #ffffff4d}.btn-block{justify-content:center;width:100%}.dark .btn-primary{color:var(--gray-950);background:linear-gradient(145deg,#f97316,#ea580c);border-color:#0000;box-shadow:0 0 20px #f9731666,0 4px 12px #0000004d}.dark .btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 0 28px #f9731680,0 6px 16px #00000059}.dark .btn-primary:active:not(:disabled){background:linear-gradient(145deg,#ea580c,#c2410c);transform:translateY(0);box-shadow:0 0 12px #f973164d}.dark .btn-danger,.dark .btn-error{color:#fff;background:linear-gradient(145deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 0 16px #ef444459}.dark .btn-danger:hover:not(:disabled),.dark .btn-error:hover:not(:disabled){background:linear-gradient(145deg,#f87171,#ef4444);box-shadow:0 0 24px #ef444473}.dark .btn-success{color:#fff;background:linear-gradient(145deg,#10b981,#059669);border-color:#0000;box-shadow:0 0 16px #10b98159}.dark .btn-success:hover:not(:disabled){background:linear-gradient(145deg,#34d399,#10b981);box-shadow:0 0 24px #10b98173}.dark .btn-secondary{background:var(--glass-card-bg);color:var(--color-text-primary);border:1px solid var(--glass-border)}.dark .btn-secondary:hover:not(:disabled){background:var(--glass-bg-elevated);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow)}.dark .btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.dark .btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0a}.dark .btn-outline{color:var(--color-text-secondary);border:1px solid var(--glass-border);background:0 0}.dark .btn-outline:hover:not(:disabled){border-color:var(--glass-border-hover);color:var(--color-text-primary);background:#ffffff0a}.dark .btn-filter{background:var(--glass-card-bg);color:var(--color-text-secondary);border:1px solid var(--glass-border)}.dark .btn-filter:hover:not(:disabled){background:var(--glass-bg-elevated);border-color:var(--glass-border-hover)}.dark .btn-filter.active{color:var(--color-primary);background:#f973161a;border-color:#f973164d}.dark .icon-button{background:var(--glass-card-bg);color:var(--color-text-secondary);border:1px solid var(--glass-border)}.dark .icon-button:hover:not(:disabled){background:var(--glass-bg-elevated);border-color:var(--glass-border-hover);color:var(--color-text-primary)}.dark .btn-link{color:var(--color-primary)}.dark .btn-link:hover:not(:disabled){color:#fb923c;text-shadow:0 0 8px #f9731666}.dark .btn-dark{background:var(--glass-bg-elevated);color:var(--color-text-primary);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.dark .btn-dark:hover:not(:disabled){background:var(--glass-card-bg);border-color:var(--glass-border-hover)}.dark .bg-interactive{background:linear-gradient(145deg,#f97316,#ea580c)!important;border:none!important;box-shadow:0 0 20px #f9731666,0 4px 16px #0000004d,inset 0 1px #fff3!important}.dark .bg-interactive:hover{transform:translateY(-1px);background:linear-gradient(145deg,#fb923c,#f97316)!important;box-shadow:0 0 30px #f9731680,0 6px 20px #00000059,inset 0 1px #ffffff40!important}.dark [class*=border-border-default][class*=bg-bg-card]:not([class*=rounded-xl]){background:linear-gradient(145deg,#14243ae6,#0e1c30d9);border:1px solid #f9823226;box-shadow:0 0 0 1px #f973160d,0 4px 12px #00000040,inset 0 1px #ffffff0d}.input{width:100%;height:40px;padding:0 var(--padding-input-x);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-neu-light);border-radius:var(--radius-input);box-shadow:var(--shadow-neu-inset);transition:var(--transition-input);line-height:38px}.input:hover:not(:disabled):not(:focus){border-color:var(--color-border-default)}.input:focus{background:var(--color-bg-dropdown);border-color:var(--color-border-focus);box-shadow:var(--shadow-neu-inset),var(--shadow-focus-ring);outline:none}.input::placeholder{color:var(--color-text-placeholder);font-weight:var(--font-weight-normal)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-sunken)}.search-box .input,.search-box input{padding-left:var(--space-10)}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-input-sm)}.input-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-md)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-3-5);color:var(--color-text-muted);pointer-events:none;z-index:1;position:absolute}.input-icon svg{width:var(--icon-md);height:var(--icon-md)}.input-wrapper .input{padding-left:calc(var(--space-3-5) + var(--icon-md) + var(--space-2-5))}.input-wrapper.icon-right .input-icon{left:auto;right:var(--space-3-5)}.input-wrapper.icon-right .input{padding-left:var(--padding-input-x);padding-right:calc(var(--space-3-5) + var(--icon-md) + var(--space-2-5))}.search-input{align-items:center;gap:var(--space-2-5);padding:var(--padding-input-y) var(--padding-input-x);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-input);box-shadow:var(--shadow-neu-inset);transition:var(--transition-input);display:flex}.search-input:focus-within{background:var(--color-bg-dropdown);border-color:var(--color-border-focus);box-shadow:var(--shadow-neu-inset),var(--shadow-focus-ring)}.search-input svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-text-muted);flex-shrink:0}.search-input input{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.search-input input::placeholder{color:var(--color-text-placeholder);font-weight:var(--font-weight-normal)}.search-clear{background:var(--color-bg-hover);border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.search-clear:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.select{appearance:none;width:100%;min-height:40px;padding:var(--space-2) var(--padding-input-x);padding-right:calc(var(--space-4) + var(--icon-md));font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-neu-raised);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:1px solid var(--color-border-default);border-radius:var(--radius-input);box-shadow:var(--shadow-neu-raised-sm);cursor:pointer;transition:var(--transition-input)}.select:hover:not(:disabled){border-color:var(--color-border-strong);transform:translateY(-1px)}.select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-neu-raised-sm),var(--shadow-focus-ring);outline:none}.select:disabled{opacity:.5;cursor:not-allowed}.checkbox{background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-checkbox-lg);width:22px;height:22px;color:var(--color-text-inverse);cursor:pointer;box-shadow:var(--shadow-neu-raised-sm);transition:var(--transition-button);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox svg{width:var(--icon-sm);height:var(--icon-sm);opacity:0;transition:var(--transition-fast);transform:scale(.8)}.checkbox.checked,.checkbox[data-state=checked]{background:var(--color-interactive-gradient);box-shadow:var(--shadow-neu-dark-raised);border-color:#0000}.checkbox.checked svg,.checkbox[data-state=checked] svg{opacity:1;transform:scale(1)}.checkbox:hover:not(.checked):not([data-state=checked]){border-color:var(--color-border-strong)}.checkbox-indicator-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.checkbox-sm{border-radius:var(--radius-checkbox);width:18px;height:18px}.checkbox-sm svg{width:10px;height:10px}.checkbox-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{display:none}.checkbox-label span{font-size:var(--font-size-base);color:var(--color-text-secondary)}.checkbox-label input:checked+.checkbox+span{color:var(--color-text-primary)}.radio{background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-full);cursor:pointer;width:22px;height:22px;box-shadow:var(--shadow-neu-raised-sm);transition:var(--transition-button);flex-shrink:0;justify-content:center;align-items:center;display:flex}.radio:after{content:"";background:var(--color-interactive-default);border-radius:var(--radius-full);opacity:0;width:8px;height:8px;transition:var(--transition-fast);transform:scale(0)}.radio.checked{border-color:var(--color-interactive-default)}.radio.checked:after{opacity:1;transform:scale(1)}.textarea{width:100%;min-height:100px;padding:var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-neu-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);resize:vertical;transition:var(--transition-input)}.textarea:focus{background:var(--color-bg-dropdown);border-color:var(--color-border-focus);box-shadow:var(--shadow-neu-inset),var(--shadow-focus-ring);outline:none}.textarea::placeholder{color:var(--color-text-placeholder)}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.form-label.required:after{content:" *";color:var(--color-error)}.form-group{margin-bottom:var(--gap-form)}.form-hint{margin-top:var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-text-muted)}.input-error,.select-error,.textarea-error{border-color:var(--color-error)!important;box-shadow:var(--shadow-focus-ring-error)!important}.form-error{margin-top:var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-error)}.input-success{border-color:var(--color-success)!important}.badge{align-items:center;gap:var(--space-1-5);padding:var(--padding-badge-y) var(--padding-badge-x);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-wide);white-space:nowrap;border-radius:var(--radius-badge);transition:var(--transition-fast);display:inline-flex}.badge:before{content:"";border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.badge-no-dot:before{display:none}.badge-neutral{background:var(--color-bg-element-hover);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-neu-raised-sm)}.badge-neutral:before{background:var(--gray-400);box-shadow:0 0 4px var(--gray-400)}.badge-success{background:var(--color-success-bg-gradient);color:var(--color-success-dark);border:1px solid var(--color-success-border);box-shadow:var(--shadow-neu-success)}.badge-success:before{background:var(--color-success-light);box-shadow:0 0 6px var(--color-success-glow)}.badge-warning{background:var(--color-warning-bg-gradient);color:var(--color-warning-dark);border:1px solid var(--color-warning-border);box-shadow:var(--shadow-neu-warning)}.badge-warning:before{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning-glow)}.badge-error{background:var(--color-error-bg-gradient);color:var(--color-error-dark);border:1px solid var(--color-error-border);box-shadow:var(--shadow-neu-error)}.badge-error:before{background:var(--color-error);box-shadow:0 0 6px var(--color-error-glow)}.badge-info{background:var(--color-info-bg-gradient);color:var(--color-info-dark);border:1px solid var(--color-info-border);box-shadow:var(--shadow-neu-info)}.badge-info:before{background:var(--color-info);box-shadow:0 0 6px var(--color-info-glow)}.badge-purple{background:var(--color-purple-bg-gradient);color:var(--color-purple-dark);border:1px solid var(--color-purple-border);box-shadow:var(--shadow-neu-purple)}.badge-purple:before{background:var(--color-purple);box-shadow:0 0 6px var(--color-purple-glow)}.badge-sm:before{width:5px;height:5px}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base)}.badge-pill{border-radius:var(--radius-badge-pill);padding:var(--space-1) var(--space-2);text-align:center;min-width:20px}.badge-pill:before{display:none}.badge-count{min-width:18px;height:18px;padding:0 var(--space-1-5);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);background:var(--color-notification-bg);color:var(--color-text-inverse);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #ef444466,inset 0 1px #fff3}.tag{padding:var(--space-1-5) var(--space-2-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);white-space:nowrap;background:var(--color-indigo-bg-gradient);color:var(--color-indigo-dark);border-radius:var(--radius-tag);border:1px solid var(--color-indigo-border);box-shadow:var(--shadow-neu-indigo);transition:var(--transition-fast);align-items:center;display:inline-flex}.tag:hover{transform:translateY(-1px);box-shadow:4px 4px 8px #6366f133,-2px -2px 5px #fffffff2,inset 0 1px #fffc}.tag-more{padding:var(--space-1-5) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-bg-element-hover);color:var(--color-text-secondary);border-radius:var(--radius-tag);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-neu-raised-sm);align-items:center;display:inline-flex}.chip{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5) var(--space-1-5) var(--space-3);font-size:var(--font-size-sm);background:var(--color-bg-element-hover);border:1px solid var(--color-border-default);border-radius:var(--radius-chip);box-shadow:var(--shadow-neu-raised-sm);transition:var(--transition-fast);display:inline-flex}.chip:hover{box-shadow:var(--shadow-neu-raised);transform:translateY(-1px)}.chip-label{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.chip-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.chip-remove{width:18px;height:18px;margin-left:var(--space-0-5);background:var(--color-bg-dropdown);border-radius:var(--radius-full);color:var(--color-text-tertiary);cursor:pointer;box-shadow:var(--shadow-neu-flat);transition:var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.chip-remove svg{width:10px;height:10px}.chip-remove:hover{background:var(--color-error-bg-gradient);color:var(--color-error);box-shadow:1px 1px 3px #dc262626,-1px -1px 2px #ffffffe6}.badge-role{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.badge-role-sales{color:var(--color-role-sales);background:#3b82f61a}.badge-role-support{color:var(--color-role-support);background:#8b5cf61a}.badge-role-compliance{color:var(--color-role-compliance);background:#ef44441a}.badge-role-trading{color:var(--color-role-trading);background:#f59e0b1a}.badge-role-operations{color:var(--color-role-operations);background:#06b6d41a}.badge-role-manager{color:var(--color-role-manager);background:#6366f11a}.badge-priority-critical{color:var(--color-priority-critical);background:#ef44441a}.badge-priority-high{color:var(--color-priority-high);background:#f973161a}.badge-priority-medium{color:var(--color-priority-medium);background:#eab3081a}.badge-priority-low{color:var(--color-priority-low);background:#22c55e1a}.dark .badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.dark .badge-neutral{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-secondary);box-shadow:none}.dark .badge-neutral:before{background:var(--color-text-muted);box-shadow:0 0 4px var(--color-text-muted)}.dark .badge-success{color:var(--color-success);background:#10b9811f;border:1px solid #10b9814d;box-shadow:0 0 12px #10b98133}.dark .badge-success:before{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.dark .badge-warning{color:var(--color-warning);background:#f59e0b1f;border:1px solid #f59e0b4d;box-shadow:0 0 12px #f59e0b33}.dark .badge-warning:before{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.dark .badge-error{color:var(--color-error);background:#ef44441f;border:1px solid #ef44444d;box-shadow:0 0 12px #ef444433}.dark .badge-error:before{background:var(--color-error);box-shadow:0 0 8px var(--color-error)}.dark .badge-info{color:var(--color-info);background:#00d4ff1f;border:1px solid #00d4ff4d;box-shadow:0 0 12px #00d4ff33}.dark .badge-info:before{background:var(--color-info);box-shadow:0 0 8px var(--color-info)}.dark .badge-purple{color:var(--color-purple);background:#8b5cf61f;border:1px solid #8b5cf64d;box-shadow:0 0 12px #8b5cf633}.dark .badge-purple:before{background:var(--color-purple);box-shadow:0 0 8px var(--color-purple)}.dark .badge-count{background:var(--color-error);box-shadow:0 0 12px #ef444466}.dark .tag{color:var(--color-indigo);background:#6366f11f;border:1px solid #6366f14d;box-shadow:0 0 12px #6366f126}.dark .tag:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-1px);box-shadow:0 0 16px #6366f140}.dark .tag-more{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-secondary)}.dark .chip{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:none}.dark .chip:hover{border-color:var(--glass-border-hover)}.dark .chip-label{color:var(--color-text-muted)}.dark .chip-value{color:var(--color-text-primary)}.dark .chip-remove{box-shadow:none;background:#ffffff0d}.dark .chip-remove:hover{color:var(--color-error);background:#ef444433;box-shadow:0 0 8px #ef44444d}.dark .badge-role-sales{background:#3b82f626;border:1px solid #3b82f64d;box-shadow:0 0 8px #3b82f633}.dark .badge-role-support{background:#8b5cf626;border:1px solid #8b5cf64d;box-shadow:0 0 8px #8b5cf633}.dark .badge-role-compliance{background:#ef444426;border:1px solid #ef44444d;box-shadow:0 0 8px #ef444433}.dark .badge-role-trading{background:#f59e0b26;border:1px solid #f59e0b4d;box-shadow:0 0 8px #f59e0b33}.dark .badge-role-operations{background:#06b6d426;border:1px solid #06b6d44d;box-shadow:0 0 8px #06b6d433}.dark .badge-role-manager{background:#6366f126;border:1px solid #6366f14d;box-shadow:0 0 8px #6366f133}.dark .badge-priority-critical{background:#ef444426;border:1px solid #ef44444d;box-shadow:0 0 8px #ef444433}.dark .badge-priority-high{background:#f9731626;border:1px solid #f973164d;box-shadow:0 0 8px #f9731633}.dark .badge-priority-medium{background:#eab30826;border:1px solid #eab3084d;box-shadow:0 0 8px #eab30833}.dark .badge-priority-low{background:#22c55e26;border:1px solid #22c55e4d;box-shadow:0 0 8px #22c55e33}.card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-neu-raised);overflow:hidden}.card-sm{border-radius:var(--radius-card-sm)}.card-lg{border-radius:var(--radius-card-lg)}.card-header{padding:var(--padding-card);border-bottom:1px solid var(--color-border-divider);background:var(--color-bg-card-header)}.card-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.card-body{padding:var(--padding-card)}.card-footer{padding:var(--padding-card);border-top:1px solid var(--color-border-divider);background:var(--color-bg-card-header)}.card-flat{box-shadow:var(--shadow-neu-flat)}.card-elevated{box-shadow:var(--shadow-neu-raised-lg)}.card-interactive{cursor:pointer;transition:var(--transition-hover-lift)}.card-interactive:hover{box-shadow:6px 6px 12px var(--color-shadow-card-hover-dark),-4px -4px 10px var(--color-shadow-card-hover-light),inset 0 1px #ffffffe6;transform:translateY(-2px)}.card-selected{border-color:var(--color-interactive-default);box-shadow:var(--shadow-neu-raised),inset 3px 0 0 var(--color-interactive-default)}.panel{background:var(--color-surface-dropdown);border:1px solid var(--color-border-default);border-radius:var(--radius-dropdown);box-shadow:var(--shadow-dropdown);overflow:hidden}.panel-header{padding:var(--space-3-5) var(--space-4);background:var(--color-bg-card-header);border-bottom:1px solid var(--color-border-divider)}.panel-header-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted)}.panel-body{padding:var(--space-2)}.dropdown{background:var(--color-surface-dropdown);border:1px solid var(--color-border-default);border-radius:var(--radius-dropdown);min-width:200px;box-shadow:var(--shadow-dropdown);z-index:1200;padding:var(--padding-dropdown);position:absolute}.dropdown-header{padding:var(--space-2-5) var(--space-3-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-divider);margin-bottom:var(--space-1)}.dropdown-item{align-items:center;gap:var(--space-2-5);width:100%;padding:var(--padding-dropdown-item);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--space-0-5);background:0 0;border:none;display:flex}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background:var(--color-bg-element-hover);color:var(--color-text-primary);transform:translate(2px)}.dropdown-item.active{background:var(--color-bg-element-active);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-neu-pressed)}.dropdown-item-icon{background:var(--color-bg-icon-raised);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-tertiary);box-shadow:var(--shadow-neu-raised-sm);justify-content:center;align-items:center;display:flex}.dropdown-item-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.dropdown-item:hover .dropdown-item-icon,.dropdown-item.active .dropdown-item-icon{background:var(--color-interactive-gradient);color:var(--color-text-inverse);box-shadow:var(--shadow-neu-dark-raised)}.dropdown-divider{background:var(--color-border-divider);height:1px;margin:var(--space-2) 0}.tooltip{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;background:var(--color-text-primary);color:var(--color-text-inverse);border-radius:var(--radius-tooltip);box-shadow:var(--shadow-tooltip);z-index:200;pointer-events:none;position:absolute}.stat-card{padding:var(--space-4);background:var(--color-bg-card-header);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card-sm);box-shadow:var(--shadow-neu-raised-sm)}.stat-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-card-value.positive{color:var(--color-success)}.stat-card-value.negative{color:var(--color-error)}.dark .card{background:var(--gray-100);border:1px solid var(--color-border-default);-webkit-backdrop-filter:none;backdrop-filter:none}.dark .card-header{border-bottom:1px solid var(--color-border-divider);background:0 0}.dark .card-header-title{color:var(--color-text-primary)}.dark .card-header-subtitle{color:var(--color-text-muted)}.dark .card-footer{border-top:1px solid var(--color-border-divider);background:0 0}.dark .card-selected{border-color:var(--color-primary);box-shadow:none}.dark .panel{background:var(--gray-100);border:1px solid var(--color-border-default);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px #0000004d}.dark .panel-header{border-bottom:1px solid var(--color-border-divider);background:0 0}.dark .modal-card{background:var(--gray-100);box-shadow:0 4px 16px #0006}.dark .modal-header{border-bottom:1px solid var(--color-border-divider)}.dark .modal-title{color:var(--color-text-primary)}.dark .modal-footer{border-top:1px solid var(--color-border-divider);background:0 0}.dark .dropdown{background:var(--gray-100);border:1px solid var(--color-border-default);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 16px #0006}.dark .dropdown-item{color:var(--color-text-secondary)}.dark .dropdown-item:hover{background:var(--gray-200);color:var(--color-primary)}.dark .dropdown-item.active{background:var(--gray-250);color:var(--color-primary)}.dark .dropdown-divider{background:var(--color-border-divider)}.dark .stat-card{background:var(--gray-100);border:1px solid var(--color-border-default);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px #0000004d}.dark .stat-card-label{color:var(--color-text-muted)}.dark .stat-card-value{color:var(--color-text-primary)}.dark .stat-card-value.positive{color:var(--color-success);text-shadow:none}.dark .stat-card-value.negative{color:var(--color-error);text-shadow:none}.dark .bg-bg-card,.dark [class*=rounded-xl][class*=border][class*=shadow]{-webkit-backdrop-filter:none;background:var(--gray-100)!important;border:1px solid var(--color-border-default)!important;box-shadow:0 2px 8px #0000004d!important}.dark .bg-bg-tertiary{border:1px solid var(--color-border-subtle);box-shadow:none;border-radius:10px;background:var(--gray-150)!important}.dark .from-bg-card.to-bg-secondary,.dark [class*=from-bg-card][class*=to-bg-secondary]{background:var(--gray-100)!important;border:1px solid var(--color-border-default)!important;box-shadow:0 2px 8px #0000004d!important}.dark .bg-error-bg{box-shadow:none;background:var(--color-error-bg)!important}.dark .bg-warning-bg{box-shadow:none;background:var(--color-warning-bg)!important}.dark .bg-success-bg{box-shadow:none;background:var(--color-success-bg)!important}.dark .bg-info-bg{box-shadow:none;background:var(--color-info-bg)!important}.dark .bg-interactive,.dark .bg-primary{box-shadow:none}.dark .text-error,.dark .text-warning,.dark .text-success{text-shadow:none}.dark .border-border-divider,.dark [class*=border-b][class*=border-border]{border-color:var(--color-border-divider)!important}.dark .divide-y>*{border-color:var(--color-border-subtle)!important}.dark .bg-bg-neu-sunken{background:var(--gray-50)!important;border:1px solid var(--color-border-subtle)!important;-webkit-backdrop-filter:none!important;box-shadow:inset 0 1px 3px #0003!important}.dark .bg-bg-neu-sunken button.bg-transparent,.dark .bg-bg-neu-sunken button.text-text-muted{color:var(--glass-tab-inactive-color)!important;background:0 0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.dark .bg-bg-neu-sunken button.bg-transparent:hover,.dark .bg-bg-neu-sunken button.text-text-muted:hover{color:var(--glass-tab-inactive-hover-color)!important;background:var(--glass-tab-inactive-hover-bg)!important}.dark .bg-bg-neu-sunken button.bg-transparent svg,.dark .bg-bg-neu-sunken button.text-text-muted svg{opacity:.4!important;transition:opacity .2s!important}.dark .bg-bg-neu-sunken button.bg-transparent:hover svg,.dark .bg-bg-neu-sunken button.text-text-muted:hover svg{opacity:.9!important}.dark .bg-bg-neu-sunken button.bg-interactive,.dark .bg-bg-neu-sunken button.text-text-inverse{background:var(--color-primary)!important;color:var(--color-text-inverse)!important;box-shadow:none!important;text-shadow:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.dark .bg-bg-neu-sunken button.bg-interactive svg,.dark .bg-bg-neu-sunken button.text-text-inverse svg{opacity:1!important;filter:none!important}.dark .bg-bg-neu-sunken .from-bg-neu-sunken,.dark .bg-bg-neu-sunken [class*=from-bg-neu-sunken]{background:linear-gradient(to right,var(--gray-50),transparent)!important}.dark .bg-bg-neu-sunken [class*=bg-gradient-to-l][class*=from-bg-neu-sunken]{background:linear-gradient(to left,var(--gray-50),transparent)!important}.dark [role=tablist]{background:var(--gray-50)!important;border:1px solid var(--color-border-subtle)!important;box-shadow:inset 0 1px 3px #0003!important}.dark [role=tablist] [role=tab]:not([data-state=active]){color:var(--glass-tab-inactive-color)!important;background:0 0!important}.dark [role=tablist] [role=tab]:not([data-state=active]):hover{color:var(--glass-tab-inactive-hover-color)!important;background:var(--glass-tab-inactive-hover-bg)!important}.dark [role=tablist] [role=tab][data-state=active],.dark [data-state=active].data-\[state\=active\]\:bg-interactive,.dark [data-state=active][class*=bg-interactive]{color:#fff!important;background:var(--color-primary)!important;box-shadow:none!important;text-shadow:none!important}.dark [role=tablist] [role=tab] svg{transition:all .2s!important}.dark [role=tablist] [role=tab]:not([data-state=active]) svg{opacity:.5}.dark [role=tablist] [role=tab][data-state=active] svg{filter:none}.dark [role=tablist][class*=gap-0]{box-shadow:none!important;border:none!important;border-bottom:1px solid var(--color-border-subtle)!important;background:0 0!important;border-radius:0!important}.dark [role=tablist][class*=gap-0] [role=tab]{background:0 0!important;border-bottom:2px solid #0000!important;border-radius:0!important}.dark [role=tablist][class*=gap-0] [role=tab][data-state=active]{box-shadow:none!important;color:var(--color-primary)!important;border-bottom:2px solid var(--color-primary)!important;text-shadow:none!important;background:0 0!important}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);z-index:100;width:240px;height:100vh;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:1px 0 2px #00000008,2px 0 4px #0000000a,4px 0 8px -2px #0000000f}.sidebar-header{padding:var(--space-4);justify-content:center;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.sidebar-logo-mark{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{align-items:center;display:flex}.sidebar-logo-text span{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.nav-section{margin-bottom:var(--space-1)}.nav-item.active{background:var(--color-interactive-default);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);color:#fff!important}.nav-item.active span{color:#fff!important}.nav-item.active:hover{background:var(--color-interactive-hover);color:#fff!important}.nav-item.active:focus-visible{outline-color:#fff}.nav-item.active svg{color:#fff!important}.nav-item svg,.nav-item>span:first-child{flex-shrink:0;width:18px;height:18px}.nav-item .transition-transform{transition:transform var(--transition-fast)}.sidebar.collapsed .nav-item span.flex-1,.sidebar.collapsed .nav-item .transition-transform{display:none}.nav-submenu{margin-left:var(--space-8);margin-top:var(--space-1);margin-bottom:var(--space-1);gap:var(--space-1);flex-direction:column;display:flex}.nav-subitem{width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;display:flex}.nav-subitem.active{background:var(--color-interactive-default);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);color:#fff!important}.nav-subitem.active span{color:#fff!important}.nav-subitem.active:hover{background:var(--color-interactive-hover);color:#fff!important}.nav-subitem.active:hover span{color:#fff!important}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border-subtle);margin-top:auto}.sidebar-collapse-toggle{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.sidebar-collapse-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-collapse-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.sidebar-collapse-toggle svg{flex-shrink:0;width:18px;height:18px}.sidebar.collapsed .sidebar-collapse-toggle{padding:var(--space-3);justify-content:center}.sidebar.collapsed .sidebar-collapse-toggle span{display:none}.sidebar-user-profile{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.sidebar-user-profile:hover{background:var(--color-bg-hover)}.sidebar-user-profile:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.sidebar-user-avatar{background:var(--color-interactive-default);border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.sidebar-user-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.sidebar-user-profile:hover .sidebar-user-chevron{color:var(--color-text-secondary)}.sidebar.collapsed .sidebar-user-profile{padding:var(--space-2);justify-content:center}.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-user-chevron{display:none}.sidebar-collapse-btn{background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.sidebar-collapse-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sidebar-collapse-btn svg{width:16px;height:16px}header.header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);z-index:50;height:64px;position:sticky;top:0;box-shadow:0 1px 2px #00000008,0 2px 4px #0000000a,0 4px 8px -2px #0000000f;padding:0!important;display:block!important}header.header .header-container{height:64px;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;display:flex}header.header .header-search-section{align-items:center;gap:var(--space-3);flex-shrink:0;width:280px;display:flex}header.header .header-right{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.header-divider{background:var(--color-border-default);width:1px;height:32px;margin:0 var(--space-2)}.search-container{align-items:center;width:100%;display:flex;position:relative}.search-icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;z-index:1;width:16px;height:16px;position:absolute}.search-container .search-input,.search-container .search-input.input{width:100%;height:42px;padding:0 var(--space-14) 0 var(--space-12);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);color:var(--color-text-primary);transition:all var(--transition-fast)}.search-container .search-input:hover{border-color:var(--color-border-strong)}.search-container .search-input:focus{background:var(--color-surface-card);border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-info-muted);outline:none}.search-container .search-input::placeholder{color:var(--color-text-placeholder);font-weight:var(--font-weight-normal)}.search-shortcut{right:var(--space-3);padding:var(--space-1) var(--space-2);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute}.buddy-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;display:flex}.buddy-button svg{width:16px;height:16px}.buddy-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.buddy-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.icon-button{background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.icon-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.icon-button.active{background:var(--color-interactive-default);color:var(--color-text-inverse);border-color:var(--color-interactive-default)}.icon-button.active:hover{background:var(--color-interactive-hover)}.icon-button[data-badge]:after{content:attr(data-badge);min-width:18px;height:18px;padding:0 var(--space-1);background:var(--color-error);color:var(--color-text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px}.user-profile-wrapper{position:relative}.user-avatar{align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-border-default);transition:all var(--transition-fast);display:flex}.user-avatar:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.user-avatar:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.avatar-circle{background:var(--color-interactive-default);border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);justify-content:center;align-items:center;display:flex}.avatar-chevron{color:var(--color-text-muted);width:14px;height:14px;transition:transform var(--transition-fast)}.avatar-chevron.open{transform:rotate(180deg)}.user-menu{top:calc(100% + var(--space-2));background:var(--color-surface-dropdown);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);min-width:220px;box-shadow:var(--shadow-dropdown);z-index:100;padding:var(--space-2);animation:.15s dropdownSlide;position:absolute;right:0;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-2);display:flex}.avatar-circle-lg{background:var(--color-interactive-default);border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);justify-content:center;align-items:center;display:flex}.user-menu-info{gap:var(--space-1);flex-direction:column;display:flex}.user-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.user-menu-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.user-menu-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-1) 0}.user-menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.user-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.user-menu-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.user-menu-item svg{flex-shrink:0;width:16px;height:16px}.user-menu-sign-out{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.user-menu-sign-out:hover{background:var(--color-error-bg);color:var(--color-error)}.user-menu-sign-out:focus-visible{outline:2px solid var(--color-error);outline-offset:-2px}.user-menu-sign-out svg{width:16px;height:16px}.dark .sidebar-logo-text span{color:var(--color-text-primary)}.dark .nav-item.active:hover{background:var(--color-interactive-gradient-hover);color:#fff}.dark .nav-item.active svg{color:#fff}.dark .nav-subitem.active:hover{background:var(--color-interactive-gradient-hover);color:#fff}.dark .sidebar-user-avatar{background:var(--color-interactive-gradient);color:var(--color-text-inverse)}.dark .sidebar-user-name{color:var(--color-text-primary)}.dark .sidebar-user-role{color:var(--color-text-muted)}.dark .sidebar-collapse-btn{background:var(--color-bg-elevated);border-color:var(--color-border-default);color:var(--color-text-secondary)}.dark .sidebar-collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dark .sidebar-collapse-toggle{color:var(--color-text-muted)}.dark .sidebar-collapse-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dark header.header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border-subtle)}.dark .header-divider{background:var(--color-border-default)}.dark .search-container .search-input{background:var(--color-bg-tertiary);border-color:var(--color-border-default);color:var(--color-text-primary)}.dark .search-container .search-input:hover{border-color:var(--color-border-strong)}.dark .search-container .search-input:focus{background:var(--color-bg-elevated);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.dark .search-container .search-input::placeholder{color:var(--color-text-placeholder)}.dark .search-icon{color:var(--color-text-muted)}.dark .search-shortcut{background:var(--color-bg-elevated);border-color:var(--color-border-default);color:var(--color-text-muted)}.dark .buddy-button{background:var(--color-bg-elevated);border-color:var(--color-border-default);color:var(--color-text-secondary)}.dark .buddy-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dark .icon-button{background:var(--color-bg-elevated);border-color:var(--color-border-default);color:var(--color-text-secondary)}.dark .icon-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dark .icon-button.active{background:var(--color-interactive-gradient);color:var(--color-text-inverse);border-color:#0000}.dark .user-avatar{background:var(--color-bg-elevated);border-color:var(--color-border-default)}.dark .user-avatar:hover{background:var(--color-bg-hover)}.dark .avatar-circle{background:var(--color-interactive-gradient);color:var(--color-text-inverse)}.dark .avatar-chevron{color:var(--color-text-muted)}.dark .user-menu{background:var(--color-surface-dropdown);border-color:var(--color-border-default)}.dark .user-menu-header{border-bottom-color:var(--color-border-subtle)}.dark .avatar-circle-lg{background:var(--color-interactive-gradient);color:var(--color-text-inverse)}.dark .user-menu-name{color:var(--color-text-primary)}.dark .user-menu-role{color:var(--color-text-muted)}.dark .user-menu-divider{background:var(--color-border-subtle)}.dark .user-menu-item{color:var(--color-text-secondary)}.dark .user-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dark .user-menu-sign-out{color:var(--color-text-secondary)}.dark .user-menu-sign-out:hover{background:var(--color-error-muted);color:var(--color-error)}.sidebar{height:100vh;width:var(--layout-sidebar-width);background:var(--color-bg-primary);border-right:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sidebar);z-index:100;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--layout-sidebar-collapsed)}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);align-items:center;display:flex}.sidebar-logo{padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:100%;display:flex}.sidebar-logo:hover{background:0 0}.sidebar-logo:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sidebar-logo-full,.sidebar-logo-icon{object-fit:contain;width:auto;height:28px}.sidebar-nav{padding:var(--space-3);flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-pill)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.nav-group{margin-bottom:var(--space-1)}.nav-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;line-height:1.4;display:flex;position:relative}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;z-index:1}.nav-item:active{background:var(--color-bg-active)}.nav-item-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.nav-item-chevron.expanded{transform:rotate(180deg)}.nav-item.active{background:var(--gray-900);color:var(--gray-0);font-weight:var(--font-weight-semibold)}.nav-item.active .nav-item-icon{color:var(--gray-0)}.nav-item.active:hover{background:var(--gray-850)}.nav-item.has-active-child{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.nav-item.has-active-child .nav-item-icon{color:var(--color-interactive-default)}.sidebar.collapsed .nav-item{padding:var(--space-2-5);justify-content:center}.sidebar.collapsed .nav-item-label,.sidebar.collapsed .nav-item-chevron{display:none}.sidebar.collapsed .nav-item.has-active-child{background:var(--gray-900);color:var(--gray-0)}.sidebar.collapsed .nav-item.has-active-child .nav-item-icon{color:var(--gray-0)}.sidebar.collapsed .nav-item.has-active-child:hover{background:var(--gray-850)}.nav-submenu{margin-top:var(--space-1);margin-left:var(--space-4);padding-left:var(--space-4);border-left:1px solid var(--color-border-subtle);gap:var(--space-0-5);flex-direction:column;display:flex}.sidebar.collapsed .nav-submenu{display:none}.nav-subitem{align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.nav-subitem:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-subitem:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.nav-subitem-dot{border-radius:var(--radius-pill);background:var(--color-border-default);width:6px;height:6px;transition:all var(--transition-fast);flex-shrink:0}.nav-subitem:hover .nav-subitem-dot{background:var(--color-text-muted)}.nav-subitem-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-subitem.active{background:var(--gray-900);color:var(--gray-0);font-weight:var(--font-weight-medium)}.nav-subitem.active .nav-subitem-dot{background:var(--gray-0);box-shadow:none}.nav-subitem.active:hover{background:var(--gray-850)}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.main-sidebar-toggle{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:40px;padding:0 var(--space-3);background:var(--gray-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex}.main-sidebar-toggle:hover{background:var(--gray-200);color:var(--color-text-primary)}.main-sidebar-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.main-sidebar-toggle svg{flex-shrink:0;width:16px;height:16px}.sidebar.collapsed .sidebar-footer{padding:var(--space-2)}.sidebar.collapsed .main-sidebar-toggle{width:40px;height:40px;margin:0 auto;padding:0}.sidebar.collapsed .main-sidebar-toggle span{display:none}.sidebar-tooltip{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border-default)!important;box-shadow:var(--shadow-lg)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;padding:var(--space-2) var(--space-3)!important;border-radius:var(--radius-md)!important}.dark .sidebar{background:var(--color-bg-primary);border-right-color:var(--color-border-subtle)}.dark .sidebar-header{border-bottom-color:var(--color-border-subtle)}.dark .sidebar-logo:hover{background:0 0}.dark .sidebar-logo-mark svg{color:var(--color-interactive-default)}.dark .sidebar-logo-title{color:var(--color-text-primary)}.dark .sidebar-logo-subtitle{color:var(--color-text-muted)}.dark .nav-item{color:var(--color-text-secondary)}.dark .nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dark .nav-item.active{background:var(--color-primary);color:var(--gray-950)}.dark .nav-item.active .nav-item-icon{color:var(--gray-950)}.dark .nav-item.active:hover{background:var(--color-primary-hover)}.dark .nav-item.has-active-child{color:var(--color-text-primary)}.dark .nav-item.has-active-child .nav-item-icon{color:var(--color-interactive-default)}.dark .sidebar.collapsed .nav-item.has-active-child{background:var(--color-primary);color:var(--gray-950)}.dark .sidebar.collapsed .nav-item.has-active-child .nav-item-icon{color:var(--gray-950)}.dark .sidebar.collapsed .nav-item.has-active-child:hover{background:var(--color-primary-hover)}.dark .nav-submenu{border-left-color:var(--color-border-subtle)}.dark .nav-subitem{color:var(--color-text-tertiary)}.dark .nav-subitem:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dark .nav-subitem-dot{background:var(--color-border-default)}.dark .nav-subitem:hover .nav-subitem-dot{background:var(--color-text-muted)}.dark .nav-subitem.active{background:var(--color-primary);color:var(--gray-950)}.dark .nav-subitem.active .nav-subitem-dot{background:var(--gray-950);box-shadow:none}.dark .sidebar-footer{border-top-color:var(--color-border-subtle)}.dark .main-sidebar-toggle{background:var(--gray-200);border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.dark .main-sidebar-toggle:hover{background:var(--gray-300);color:var(--color-text-primary)}.dark .sidebar-tooltip{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}.dark .sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb)}.dark .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.dark aside.bg-bg-primary{background:var(--gray-100)!important;border-right:1px solid var(--color-border-default)!important;box-shadow:2px 0 8px #0003!important}.dark .sidebar{background:var(--gray-100);border-right:1px solid var(--color-border-default);box-shadow:2px 0 8px #0003}.dark aside.bg-bg-primary button.bg-gray-900{background:var(--color-primary)!important;border-left:3px solid var(--color-primary)!important;box-shadow:none!important}.dark aside.bg-bg-primary button:not(.bg-gray-900):hover{background:var(--gray-200)!important}.dark aside.bg-bg-primary img[alt=TradeCore]{filter:brightness(0)invert()}.client-profile-page{background:var(--color-bg-primary);height:100%;display:flex;overflow:hidden}.client-profile-left-panel{background:var(--color-surface-card);border-right:1px solid var(--color-border-subtle);flex-direction:column;width:340px;min-width:340px;display:flex;overflow:hidden}.client-profile-left-panel-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-tertiary)}.client-profile-back-link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-bottom:var(--space-4);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.client-profile-back-link:hover{color:var(--color-brand-primary)}.client-profile-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:1.2}.client-profile-meta{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.client-profile-meta-item{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:inline-flex}.client-profile-tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.client-profile-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border);display:inline-flex}.client-profile-tag--add{border:1px dashed var(--color-border-default);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0}.client-profile-tag--add:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.client-profile-quick-actions{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.client-profile-quick-actions-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.client-profile-quick-action{border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-surface-card);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.client-profile-quick-action:hover{background:var(--color-bg-hover);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.client-profile-quick-action:hover .client-profile-quick-action-tooltip{opacity:1;visibility:visible}.client-profile-selects{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);gap:var(--space-3);flex-direction:column;display:flex}.client-profile-select-group{gap:var(--space-3);display:flex}.client-profile-select-item{flex:1}.client-profile-select-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.client-profile-summary{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);gap:var(--space-3);flex-direction:column;display:flex}.client-profile-summary-item{justify-content:space-between;align-items:center;display:flex}.client-profile-summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.client-profile-summary-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.client-profile-field-tabs{border-bottom:1px solid var(--color-border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.client-profile-field-tabs::-webkit-scrollbar{display:none}.client-profile-field-tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000}.client-profile-field-tab:hover{color:var(--color-text-primary)}.client-profile-field-tab--active{color:var(--color-text-primary);border-bottom-color:var(--color-brand-primary)}.client-profile-fields{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.client-profile-field{margin-bottom:var(--space-4)}.client-profile-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.client-profile-field-value{font-size:var(--font-size-sm);color:var(--color-text-primary);align-items:center;gap:var(--space-2);display:flex}.client-profile-field-value--editable{background:var(--color-bg-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.client-profile-field-edit-btn{color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.client-profile-field:hover .client-profile-field-edit-btn{opacity:1}.client-profile-field-edit-btn:hover{color:var(--color-brand-primary)}.client-profile-right-panel{background:var(--color-bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.client-profile-tab-header{padding:0 var(--space-5);background:var(--color-surface-card);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;min-height:52px;display:flex}.client-profile-tabs{align-items:center;gap:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.client-profile-tabs::-webkit-scrollbar{display:none}.client-profile-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.client-profile-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.client-profile-tab--active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.client-profile-tab-badge{min-width:18px;height:18px;padding:0 var(--space-1);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);background:var(--color-bg-tertiary);border-radius:var(--radius-pill);color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.client-profile-tab--active .client-profile-tab-badge{background:var(--color-brand-primary);color:#fff}.client-profile-more-dropdown{position:relative}.client-profile-more-btn{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.client-profile-more-btn:hover{color:var(--color-text-primary)}.client-profile-more-menu{z-index:50;background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-dropdown);padding:var(--space-2);margin-top:var(--space-1);position:absolute;top:100%;left:0}.client-profile-more-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.client-profile-more-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.client-profile-more-menu-item-icon{width:16px;height:16px;color:var(--color-text-muted)}.client-profile-tab-actions{align-items:center;gap:var(--space-2);display:flex}.client-profile-sub-tabs{padding:var(--space-1);background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);align-items:center;gap:0;display:inline-flex}.client-profile-sub-tab{align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:inline-flex;position:relative}.client-profile-sub-tab:hover:not(.client-profile-sub-tab--active){color:var(--color-text-secondary);background:var(--color-bg-hover)}.client-profile-sub-tab--active{color:var(--color-text-inverse);background:var(--gray-900);box-shadow:var(--shadow-neu-dark-raised-sm)}.client-profile-sub-tab--active:hover{background:var(--gray-800)}.client-profile-sub-tab svg{flex-shrink:0}.client-profile-tab-content{padding:var(--space-5);flex:1;overflow:auto}.client-profile-table-container{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.client-profile-table{border-collapse:collapse;width:100%}.client-profile-table th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);text-align:left;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.client-profile-table th--sortable{cursor:pointer}.client-profile-table th--sortable:hover{color:var(--color-text-primary)}.client-profile-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.client-profile-table tbody tr{transition:background var(--transition-fast)}.client-profile-table tbody tr:hover{background:var(--color-bg-hover)}.client-profile-table tbody tr:last-child td{border-bottom:none}.client-profile-table-cell--id{font-weight:var(--font-weight-medium);color:var(--color-brand-primary)}.client-profile-table-cell--money{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.client-profile-table-cell--money-positive{color:var(--color-success)}.client-profile-table-cell--money-negative{color:var(--color-error)}.client-profile-table-cell--muted{color:var(--color-text-muted);font-size:var(--font-size-xs)}.client-profile-pagination{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-surface-card);justify-content:space-between;align-items:center;display:flex}.client-profile-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.client-profile-pagination-controls{align-items:center;gap:var(--space-2);display:flex}.client-profile-pagination-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.client-profile-pagination-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.client-profile-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.client-profile-pagination-pages{align-items:center;gap:var(--space-1);display:flex}.client-profile-pagination-page{width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.client-profile-pagination-page:hover{background:var(--color-bg-hover)}.client-profile-pagination-page--active{background:var(--color-brand-primary);color:#fff}.client-profile-status{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);text-transform:capitalize;align-items:center;display:inline-flex}.client-profile-status--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.client-profile-status--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.client-profile-status--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.client-profile-status--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.client-profile-status--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.client-profile-state-badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);cursor:pointer;align-items:center;display:inline-flex}.client-profile-state-badge--full{background:var(--color-success-bg);color:var(--color-success)}.client-profile-state-badge--pending{background:var(--color-warning-bg);color:var(--color-warning)}.client-profile-state-badge--demo{background:var(--color-info-bg);color:var(--color-info)}.client-profile-state-badge--rejected{background:var(--color-error-bg);color:var(--color-error)}.client-profile-empty{padding:var(--space-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.client-profile-empty-icon{width:48px;height:48px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.client-profile-empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.client-profile-empty-description{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:280px}.client-profile-loading{padding:var(--space-12);justify-content:center;align-items:center;display:flex}.client-profile-skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.client-profile-tab--dragging{opacity:.5;background:var(--color-bg-hover)}.client-profile-tab--drag-over{border-left:2px solid var(--color-brand-primary)}.client-profile-tab-content{animation:.2s fadeIn}.client-profile-more-menu{animation:.15s slideUp}.document-name-cell{align-items:center;gap:var(--space-2);display:flex}.document-icon{color:var(--color-text-muted);flex-shrink:0}.document-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.document-actions{align-items:center;gap:var(--space-1);display:flex}.document-preview-content{gap:var(--space-4);flex-direction:column;display:flex}.document-preview-meta{gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.document-preview-meta-row{align-items:center;gap:var(--space-2);display:flex}.document-preview-meta-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.document-preview-meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.document-preview-area{background:var(--color-bg-secondary);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:300px;max-height:500px;display:flex;overflow:hidden}.document-preview-image{object-fit:contain;max-width:100%;max-height:500px}.document-preview-pdf{border:none;width:100%;height:500px}.document-preview-fallback{align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.document-preview-fallback-icon{color:var(--color-text-muted)}.document-preview-fallback p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.document-preview-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.kyc-content{gap:var(--space-4);flex-direction:column;display:flex}.kyc-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.kyc-card--error{border-color:var(--color-error-border);background:var(--color-error-bg)}.kyc-card-header{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle);display:flex}.kyc-card--error .kyc-card-header{border-bottom-color:var(--color-error-border);background:0 0}.kyc-card-icon{color:var(--color-text-muted)}.kyc-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.kyc-card--error .kyc-card-title{color:var(--color-error)}.kyc-card-body{padding:var(--space-4)}.kyc-stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.kyc-stat-item{text-align:center;padding:var(--space-3)}.kyc-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);text-transform:capitalize}.kyc-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.kyc-check-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.kyc-check-row:last-child{border-bottom:none}.kyc-check-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.kyc-check-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.kyc-icon--success{color:var(--color-success)}.kyc-icon--error{color:var(--color-error)}.kyc-icon--warning{color:var(--color-warning)}.kyc-icon--neutral{color:var(--color-text-muted)}.kyc-doc-type{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.kyc-failure-message{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.preview-panel-header{padding:var(--space-4) var(--space-5);background:var(--color-brand-primary);color:#fff;justify-content:space-between;align-items:center;display:flex}.preview-panel-title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;margin:0}.preview-panel-close{opacity:.8;transition:var(--transition-fast);color:#fff!important}.preview-panel-close:hover{opacity:1;background:#ffffff1a!important}.preview-panel .preview-content{padding:var(--space-5);flex-direction:column;gap:0;height:calc(100% - 56px);display:flex;overflow-y:auto}.preview-content .client-name-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.preview-content .client-name{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.preview-content .view-profile-link{font-size:var(--font-size-sm);color:var(--color-brand-primary);height:auto;padding:0}.preview-content .client-badges-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.preview-content .client-badges-left,.preview-content .client-badges-right{align-items:center;gap:var(--space-2);display:flex}.preview-content .badge-pill{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:inline-flex}.preview-content .badge-pill--country{background:var(--color-bg-secondary);border:1px solid var(--color-border-default)}.preview-content .badge-pill .country-flag{font-size:var(--font-size-sm);line-height:1}.preview-content .badge-dropdown{min-width:60px;height:28px!important;padding:var(--space-1) var(--space-2)!important;font-size:var(--font-size-xs)!important;border-radius:var(--radius-full)!important;background:var(--color-bg-tertiary)!important;border:none!important}.preview-content .badge-dropdown:hover{background:var(--color-bg-hover)!important}.preview-content .client-stats-row{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.preview-content .client-stat-card{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex}.preview-content .stat-card-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.preview-content .stat-card-value{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.preview-content .stat-card-value--deposit{color:var(--color-success)}.preview-content .stat-card-value--withdrawal{color:var(--color-brand-primary)}.preview-content .stat-card-value--equity{color:var(--color-text-primary)}.preview-content .client-form-section{padding:var(--space-4) 0;border-top:1px solid var(--color-border-divider)}.preview-content .client-form-section .form-row{gap:var(--space-3);margin-bottom:var(--space-3);display:grid}.preview-content .client-form-section .form-row--three{grid-template-columns:repeat(3,1fr)}.preview-content .client-form-section .form-row--two{grid-template-columns:repeat(2,1fr);margin-bottom:0}.preview-content .client-form-section .form-field{gap:var(--space-1);flex-direction:column;display:flex}.preview-content .form-field-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.preview-content .form-input-wrapper{align-items:center;display:flex;position:relative}.preview-content .form-input{height:36px;padding-right:var(--space-8);font-size:var(--font-size-sm);background:var(--color-bg-secondary);border-color:var(--color-border-default)}.preview-content .form-input:read-only{cursor:default}.preview-content .form-input--email{font-size:var(--font-size-xs)}.preview-content .form-input-action{right:var(--space-1);width:28px;height:28px;color:var(--color-text-muted);position:absolute}.preview-content .form-input-action:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.preview-content .form-select{height:36px}.preview-content .quick-actions-grid{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border-divider);grid-template-columns:repeat(6,1fr);display:grid}.preview-content .quick-action-btn{align-items:center;gap:var(--space-2);cursor:pointer;transition:var(--transition-fast);flex-direction:column;min-width:0;display:flex;padding:var(--space-2)!important;background:0 0!important;border:none!important;height:auto!important}.preview-content .quick-action-btn:hover:not(:disabled) .quick-action-icon{background:var(--color-brand-primary);color:#fff;transform:scale(1.05)}.preview-content .quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.preview-content .quick-action-icon{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:44px;height:44px;color:var(--color-text-secondary);transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.preview-content .quick-action-label{font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;text-align:center;text-overflow:ellipsis;max-width:100%;overflow:hidden}.preview-content .client-tabs-section{border-top:1px solid var(--color-border-divider);min-height:0;margin:0 calc(-1 * var(--space-5));flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-content .client-tabs-section .tab-list-container{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-divider);padding-right:var(--space-2);justify-content:space-between;align-items:center;display:flex}.preview-content .client-tabs-section .tab-list{scrollbar-width:none;flex:1;gap:0;display:flex;overflow-x:auto}.preview-content .client-tabs-section .tab-list::-webkit-scrollbar{display:none}.preview-content .client-tabs-section .tab-button{font-family:var(--font-sans);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;position:relative;padding:var(--space-3) var(--space-3)!important;font-size:var(--font-size-xs)!important;color:var(--color-text-tertiary)!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.preview-content .client-tabs-section .tab-button:after{content:"";bottom:0;left:var(--space-3);right:var(--space-3);height:2px;transition:var(--transition-fast);background:0 0;position:absolute}.preview-content .client-tabs-section .tab-button:hover{color:var(--color-text-primary)!important;background:0 0!important}.preview-content .client-tabs-section .tab-button.active{color:var(--color-brand-primary)!important;box-shadow:none!important;background:0 0!important}.preview-content .client-tabs-section .tab-button.active:after{background:var(--color-brand-primary)}.preview-content .client-tabs-section .tab-settings-btn{width:32px;height:32px;color:var(--color-text-muted);flex-shrink:0}.preview-content .client-tabs-section .tab-settings-btn:hover{color:var(--color-text-primary)}.preview-content .client-tabs-section .tab-content{padding:var(--space-4);background:var(--color-bg-secondary);flex:1;overflow:auto}.preview-content .stats-tab{padding:var(--space-2)}.preview-content .stats-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.preview-content .stat-block{gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.preview-content .stat-block-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.preview-content .stat-block-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.preview-content .client-tabs-section .data-table{border-collapse:separate;border-spacing:0;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;overflow:hidden}.preview-content .client-tabs-section .data-table th{padding:var(--space-2-5) var(--space-3);background:var(--color-bg-tertiary);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted);text-align:left;border-bottom:1px solid var(--color-border-default)}.preview-content .client-tabs-section .data-table td{padding:var(--space-2-5) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.preview-content .client-tabs-section .data-table tbody tr:last-child td{border-bottom:none}.preview-content .client-tabs-section .data-table tbody tr:hover{background:var(--color-bg-hover)}.panel-tabs{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.panel-tabs .tab-nav{align-items:center;gap:var(--space-1);padding:0 var(--space-3);scrollbar-width:none;display:flex;overflow-x:auto}.panel-tabs .tab-nav::-webkit-scrollbar{display:none}.panel-tabs .tab{align-items:center;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.panel-tabs .tab:hover{color:var(--color-text-secondary)}.panel-tabs .tab.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.panel-tabs .tab .tab-label{display:none}@media(min-width:480px){.panel-tabs .tab .tab-label{display:inline}}.panel-tabs .tab-settings{flex-shrink:0;margin-left:auto}.panel-body{padding:var(--space-3);flex:1;overflow-y:auto}.tab-content-loading{gap:var(--space-3);flex-direction:column;display:flex}.empty-state{padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--color-bg-tertiary);border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-text-muted);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.empty-state-icon.error{background:var(--color-error-bg);color:var(--color-error)}.empty-state-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.empty-state-subtext{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:240px;margin:0}.retry-button{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-brand-primary);border:1px solid var(--color-brand-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0}.retry-button:hover{background:var(--color-brand-primary);color:#fff}.tab-footer{padding:var(--space-3) 0;margin-top:var(--space-2);justify-content:center;display:flex}.count-badge{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.positions-summary,.transactions-summary,.communication-summary{gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-3);display:flex}.summary-item{gap:var(--space-1);flex-direction:column;display:flex}.summary-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-value{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.communication-summary{flex-wrap:wrap}.communication-summary .summary-item{align-items:center;gap:var(--space-2);flex-direction:row}.communication-summary .summary-item span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.accounts-list,.positions-list,.transactions-list,.communication-list{gap:var(--space-3);flex-direction:column;display:flex}.account-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-fast)}.account-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.account-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.account-id{align-items:center;gap:var(--space-2);display:flex}.account-icon{color:var(--color-text-muted)}.account-login{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.account-status{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);text-transform:capitalize}.account-status.status-active{background:var(--color-success-bg);color:var(--color-success)}.account-status.status-inactive,.account-status.status-suspended{background:var(--color-warning-bg);color:var(--color-warning)}.account-status.status-closed{background:var(--color-error-bg);color:var(--color-error)}.account-meta{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);display:flex}.account-type,.account-platform{background:var(--color-bg-tertiary);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm)}.account-financials{gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.financial-row{justify-content:space-between;align-items:center;display:flex}.financial-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.financial-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.account-stats{gap:var(--space-4);margin-top:var(--space-2);display:flex}.stat-item{gap:var(--space-0-5);flex-direction:column;display:flex}.stat-item .stat-label{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.stat-item .stat-value{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex}.position-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-fast)}.position-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.position-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.position-symbol{align-items:center;gap:var(--space-2);display:flex}.symbol-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.position-type{align-items:center;gap:var(--space-1);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);display:inline-flex}.position-type.type-buy{background:var(--color-success-bg);color:var(--color-success)}.position-type.type-sell{background:var(--color-error-bg);color:var(--color-error)}.position-profit{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.position-details{gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;display:grid}.detail-row{justify-content:space-between;align-items:center;display:flex}.detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.detail-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.position-levels{gap:var(--space-2);margin-top:var(--space-2);display:flex}.level-badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.level-badge.sl{background:var(--color-error-bg);color:var(--color-error)}.level-badge.tp{background:var(--color-success-bg);color:var(--color-success)}.position-footer{margin-top:var(--space-2);font-size:var(--font-size-2xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.ticket-id{font-variant-numeric:tabular-nums}.transaction-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-fast)}.transaction-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.transaction-header{align-items:center;gap:var(--space-3);display:flex}.transaction-icon-wrapper{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.transaction-icon-wrapper.deposit{background:var(--color-success-bg);color:var(--color-success)}.transaction-icon-wrapper.withdrawal{background:var(--color-error-bg);color:var(--color-error)}.transaction-info{flex:1;min-width:0}.transaction-type{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.type-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:capitalize}.status-badge{align-items:center;gap:var(--space-1);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);text-transform:capitalize;display:inline-flex}.status-badge.status-completed,.status-badge.status-approved,.status-badge.status-delivered{background:var(--color-success-bg);color:var(--color-success)}.status-badge.status-pending,.status-badge.status-processing{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.status-rejected,.status-badge.status-cancelled,.status-badge.status-failed{background:var(--color-error-bg);color:var(--color-error)}.status-badge.status-read{background:var(--color-info-bg);color:var(--color-info)}.status-icon{flex-shrink:0}.status-icon.success{color:var(--color-success)}.status-icon.pending{color:var(--color-warning)}.status-icon.error{color:var(--color-error)}.transaction-meta{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.transaction-meta .separator{color:var(--color-border-default)}.transaction-amount{text-align:right;flex-shrink:0}.transaction-amount span:first-child{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;display:block}.transaction-amount .currency{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.transaction-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.transaction-footer .reference{font-size:var(--font-size-2xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.communication-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-fast)}.communication-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.communication-header{gap:var(--space-3);display:flex}.channel-icon-wrapper{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:32px;height:32px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.channel-icon-wrapper.email{background:var(--color-info-bg);color:var(--color-info)}.channel-icon-wrapper.call,.channel-icon-wrapper.phone{background:var(--color-success-bg);color:var(--color-success)}.channel-icon-wrapper.sms{background:var(--color-warning-bg);color:var(--color-warning)}.direction-icon{background:var(--color-surface-card);border-radius:var(--radius-full);width:14px;height:14px;padding:2px;position:absolute;bottom:-2px;right:-2px}.direction-icon.outbound{color:var(--color-success)}.direction-icon.inbound{color:var(--color-info)}.communication-info{flex:1;min-width:0}.communication-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.channel-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:capitalize}.direction-badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm)}.direction-badge.outbound{background:var(--color-success-bg);color:var(--color-success)}.direction-badge.inbound{background:var(--color-info-bg);color:var(--color-info)}.communication-subject{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;font-weight:var(--font-weight-medium)}.communication-summary{font-size:var(--font-size-xs);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.communication-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.footer-left,.footer-right{align-items:center;gap:var(--space-2);display:flex}.communication-footer .sender,.communication-footer .duration,.communication-footer .timestamp{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.communication-footer .duration{font-variant-numeric:tabular-nums}.avatar-stack-wrapper{flex-shrink:0}.avatar-stack{align-items:center;display:flex}.avatar-stack-item{border-radius:var(--radius-full);width:28px;height:28px;font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);border:2px solid var(--color-bg-card);flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;display:flex}.avatar-stack-item:first-child{margin-left:0}.avatar-stack-overflow{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full);width:28px;height:28px;font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border:2px solid var(--color-bg-card);flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;display:flex}.avatar-stack-sm .avatar-stack-item,.avatar-stack-item-sm{width:22px;height:22px;margin-left:-6px;font-size:9px}.avatar-stack-sm .avatar-stack-item:first-child,.avatar-stack-item-sm:first-child{margin-left:0}.avatar-stack-sm .avatar-stack-overflow,.avatar-stack-overflow-sm{width:22px;height:22px;margin-left:-6px;font-size:9px}.avatar-stack-lg .avatar-stack-item,.avatar-stack-item-lg{width:36px;height:36px;font-size:var(--font-size-xs);margin-left:-10px}.avatar-stack-lg .avatar-stack-item:first-child,.avatar-stack-item-lg:first-child{margin-left:0}.avatar-stack-lg .avatar-stack-overflow,.avatar-stack-overflow-lg{width:36px;height:36px;font-size:var(--font-size-xs);margin-left:-10px}.progress-bar{gap:var(--space-2);flex-direction:column;width:100%;height:100%;display:flex}.progress-bar-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.progress-bar-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.progress-bar-value{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.progress-bar-track{border-radius:var(--radius-full);background:#e5e7eb;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s;box-shadow:0 1px 2px #00000026}.progress-bar-animated .progress-bar-fill,.progress-bar-fill.progress-bar-animated{transition:width .5s}.progress-bar-fill-default{background:var(--color-primary)}.progress-bar-fill-success{background:var(--color-success)}.progress-bar-fill-warning{background:var(--color-warning)}.progress-bar-fill-error{background:var(--color-error)}.progress-bar-fill-info{background:var(--color-info)}.progress-bar-sm .progress-bar-track{height:8px}.progress-bar-sm .progress-bar-label,.progress-bar-sm .progress-bar-value{font-size:var(--font-size-2xs)}.progress-bar-lg .progress-bar-track{height:16px}.progress-bar-lg .progress-bar-label,.progress-bar-lg .progress-bar-value{font-size:var(--font-size-sm)}.progress-bar-bg{background:var(--color-bg-neu-sunken)}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.empty-state-icon{color:var(--color-text-tertiary);opacity:.6}.empty-state-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state-description{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:320px;line-height:var(--leading-relaxed);margin:0}.empty-state-action{margin-top:var(--space-2)}.empty-state-sm{padding:var(--space-4);gap:var(--space-2)}.empty-state-sm .empty-state-title{font-size:var(--font-size-base)}.empty-state-sm .empty-state-description{font-size:var(--font-size-xs);max-width:240px}.empty-state-lg{padding:var(--space-12);gap:var(--space-4)}.empty-state-lg .empty-state-title{font-size:var(--font-size-xl)}.empty-state-lg .empty-state-description{font-size:var(--font-size-base);max-width:400px}.empty-state-default .empty-state-icon{color:var(--color-text-tertiary)}.empty-state-success .empty-state-icon{color:var(--color-success);opacity:1}.empty-state-success .empty-state-title{color:var(--color-success)}.empty-state-muted{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.empty-state-muted .empty-state-icon{opacity:.4}.empty-state-muted .empty-state-title{color:var(--color-text-secondary)}.calendar{padding:var(--space-4);background:var(--color-surface-dropdown);font-family:var(--font-sans)}.calendar-months{gap:var(--space-4);flex-direction:column;display:flex}.calendar-month{gap:var(--space-3);flex-direction:column;display:flex}.calendar-caption{padding:0 var(--space-1);justify-content:space-between;align-items:center;display:flex}.calendar-caption-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.calendar-nav{align-items:center;gap:var(--space-1);display:flex}.calendar-nav-button{background:var(--color-bg-neu-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-neu-raised-sm);transition:var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.calendar-nav-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary);transform:translateY(-1px)}.calendar-nav-button:active{box-shadow:var(--shadow-neu-pressed);transform:translateY(0)}.calendar-nav-icon{width:var(--icon-sm);height:var(--icon-sm)}.calendar-weekdays{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2);margin-bottom:var(--space-2);display:flex}.calendar-weekday{width:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em}.calendar-grid{border-collapse:collapse;width:100%}.calendar-week{display:flex}.calendar-day{width:36px;height:36px;padding:var(--space-0-5);justify-content:center;align-items:center;display:flex}.calendar-day-button{width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.calendar-day-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.calendar-day-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.calendar-day--today .calendar-day-button{background:var(--color-bg-tertiary);font-weight:var(--font-weight-bold);border:1px solid var(--color-border-default)}.calendar-day--selected .calendar-day-button{background:var(--color-interactive-gradient);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-neu-dark-raised)}.calendar-day--selected .calendar-day-button:hover{background:var(--color-interactive-hover)}.calendar-day--outside .calendar-day-button{color:var(--color-text-muted);opacity:.5}.calendar-day--disabled .calendar-day-button{color:var(--color-text-muted);opacity:.4;cursor:not-allowed}.calendar-day--disabled .calendar-day-button:hover{background:0 0}.calendar-day--hidden{visibility:hidden}.calendar-day--range-middle .calendar-day-button{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.calendar-day--range-middle .calendar-day-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.calendar-dropdowns{gap:var(--space-2);padding:0 var(--space-1);justify-content:center;display:flex}.calendar-dropdown{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);cursor:pointer;transition:var(--transition-fast)}.calendar-dropdown:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.calendar-dropdown:focus{outline:2px solid var(--color-border-focus);outline-offset:1px}.cpp-inline-edit--date{align-items:center;gap:var(--space-2);display:flex}.cpp-inline-edit-datepicker{height:32px;font-size:var(--font-size-sm);flex:1}.widget{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised);overflow:hidden}.widget-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.widget-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.widget-subtitle{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.widget-body{padding:var(--space-4)}.widget-actions{gap:var(--space-2);display:flex}.widget-list{flex-direction:column;display:flex}.widget-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border-divider);display:flex}.widget-list-item:last-child{border-bottom:none}.widget-stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.widget-stat-value{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.widget-stat-label{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.widget-stats-row{padding:var(--space-4);justify-content:space-around;display:flex}.widget-compact{padding:var(--space-3)}.widget-tabs{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-divider)}.widget-tabs .tab-list{width:100%}.widget-tabs .tab-button{flex:1;justify-content:center}.widget-footer{padding:var(--space-4);border-top:1px solid var(--color-border-divider)}.widget-full-height{flex-direction:column;height:100%;display:flex}.widget-full-height .activity-feed-content{padding:var(--space-4);flex:1;overflow-y:auto}.card-title{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex}.card-title svg{color:var(--color-text-secondary);flex-shrink:0}.activity-feed-content{padding:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.activity-date-group{margin-bottom:var(--space-4)}.activity-date-group:last-child{margin-bottom:0}.activity-date-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:var(--space-2) 0;margin-bottom:var(--space-2)}.date-label-uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.activity-list{gap:var(--space-2);flex-direction:column;display:flex}.activity-item{gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);cursor:pointer;transition:var(--transition-fast);display:flex}.activity-item:hover{background:var(--color-bg-hover)}.activity-icon{border-radius:var(--radius-lg);background:var(--color-bg-neu-raised);width:36px;height:36px;box-shadow:var(--shadow-neu-raised-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.activity-item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.activity-item-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.activity-item-time{font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.activity-item-description{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.activity-meta{gap:var(--space-2);align-items:center;display:flex}.activity-meta-item{align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--color-text-tertiary);display:flex}.activity-action{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.activity-item:hover .activity-action{opacity:1}.guided-actions-widget{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised);overflow:hidden}.guided-actions-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.guided-actions-title-group{align-items:center;gap:var(--space-2);display:flex}.guided-actions-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.guided-actions-tabs{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-divider)}.guided-actions-tabs .tab-list{width:100%}.guided-actions-tabs .tab-button{flex:1;justify-content:center}.guided-actions-list{flex-direction:column;display:flex}.guided-actions-body{padding:var(--space-4)}.guided-actions-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-tertiary);flex-direction:column;display:flex}.guided-actions-empty svg{color:var(--color-success)}.guided-actions-empty p{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.guided-action-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-divider);transition:var(--transition-fast);display:flex}.guided-action-item:last-child{border-bottom:none}.guided-action-item:hover{background:var(--color-bg-hover)}.guided-action-icon{border-radius:var(--radius-lg);background:var(--color-bg-neu-sunken);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.guided-action-icon.critical,.guided-action-icon.urgent{background:var(--color-error-bg);color:var(--color-error)}.guided-action-icon.high{background:var(--color-warning-bg);color:var(--color-warning)}.guided-action-icon.medium{background:var(--color-info-bg);color:var(--color-info)}.guided-action-icon.low{background:var(--color-success-bg);color:var(--color-success)}.guided-action-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.guided-action-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.guided-action-description{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.guided-action-btn{align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1-5) var(--space-3);background:var(--color-bg-neu-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);width:fit-content;display:inline-flex}.guided-action-btn:hover{background:var(--color-bg-button-hover);border-color:var(--color-border-strong)}.guided-action-btn:active{background:var(--color-bg-element-active)}.guided-action-btn svg{width:14px;height:14px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.guided-action-btn:hover svg{color:var(--color-text-primary);transform:translate(2px)}.guided-action-assignees{flex-shrink:0;align-items:center;display:flex}.skeleton-w-sm{width:50%}.skeleton-w-md{width:7rem}.skeleton-w-lg{width:75%}.skeleton-icon-md{flex-shrink:0;width:36px;height:36px}.skeleton-card-lg{height:100px;margin-bottom:var(--space-3);border-radius:var(--radius-lg)}.dark .widget{background:var(--gray-100);border:1px solid var(--color-border-default);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px #0000004d}.dark .widget-header{border-bottom:1px solid var(--color-border-divider);background:0 0}.dark .widget-title,.dark .card-title{color:var(--color-text-primary)}.dark .card-title svg,.dark .widget-subtitle{color:var(--color-text-muted)}.dark .widget-footer{border-top:1px solid var(--color-border-divider);background:0 0}.dark .widget-list-item{border-bottom:1px solid var(--color-border-subtle)}.dark .widget-stat-value{color:var(--color-text-primary)}.dark .widget-stat-label,.dark .activity-date-label{color:var(--color-text-muted)}.dark .activity-item{background:var(--gray-150);border:1px solid var(--color-border-subtle);box-shadow:none;transition:none}.dark .activity-icon{background:var(--gray-200);border:1px solid var(--color-border-subtle);box-shadow:none}.dark .activity-icon.icon-success,.dark .activity-icon.success{color:var(--color-success);box-shadow:none;background:#10b98126;border-color:#10b9814d}.dark .activity-icon.icon-error,.dark .activity-icon.error{color:var(--color-error);box-shadow:none;background:#ef444426;border-color:#ef44444d}.dark .activity-icon.icon-warning,.dark .activity-icon.warning{color:var(--color-warning);box-shadow:none;background:#f59e0b26;border-color:#f59e0b4d}.dark .activity-icon.icon-info,.dark .activity-icon.info{color:var(--color-info);box-shadow:none;background:#00d4ff26;border-color:#00d4ff4d}.dark .activity-icon.icon-purple,.dark .activity-icon.purple{color:var(--color-purple);box-shadow:none;background:#8b5cf626;border-color:#8b5cf64d}.dark .activity-item-title{color:var(--color-text-primary)}.dark .activity-item-time{color:var(--color-text-muted)}.dark .activity-item-description{color:var(--color-text-secondary)}.dark .activity-meta-item{color:var(--color-text-tertiary)}.dark .guided-actions-widget{background:var(--gray-100);border:1px solid var(--color-border-default);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px #0000004d}.dark .guided-actions-header{border-bottom:1px solid var(--color-border-divider)}.dark .guided-actions-title{color:var(--color-text-primary)}.dark .guided-actions-tabs{border-bottom:1px solid var(--color-border-divider)}.dark .guided-action-item{border-bottom:1px solid var(--color-border-subtle);background:0 0}.dark .guided-action-icon{background:var(--gray-200);border:1px solid var(--color-border-subtle)}.dark .guided-action-icon.critical,.dark .guided-action-icon.urgent{color:var(--color-error);box-shadow:none;background:#ef444426;border-color:#ef44444d}.dark .guided-action-icon.high{color:var(--color-warning);box-shadow:none;background:#f59e0b26;border-color:#f59e0b4d}.dark .guided-action-icon.medium{color:var(--color-info);box-shadow:none;background:#00d4ff26;border-color:#00d4ff4d}.dark .guided-action-icon.low{color:var(--color-success);box-shadow:none;background:#10b98126;border-color:#10b9814d}.dark .guided-action-title{color:var(--color-text-primary)}.dark .guided-action-description{color:var(--color-text-secondary)}.dark .guided-action-btn{background:var(--gray-200);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.dark .guided-action-btn:hover{background:var(--gray-250);border-color:var(--color-primary);color:var(--color-primary)}.dark .guided-actions-empty{color:var(--color-text-muted)}.dark .guided-actions-empty p{color:var(--color-text-secondary)}.view-container{gap:var(--space-4);padding:var(--space-4);flex-direction:column;height:100%;display:flex;overflow:hidden}.view-container.no-scroll{overflow:hidden}.view-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.view-header .header-left{gap:var(--space-1);flex-direction:column;display:flex}.view-header .header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.view-header .header-stats{gap:var(--space-5);margin-bottom:var(--space-2);display:flex}.view-header .header-stat{flex-direction:column;display:flex}.view-header .stat-value{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.view-header .stat-value.hot{color:var(--color-error)}.view-header .stat-value.success{color:var(--color-success)}.view-header .stat-label{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.stats-row{gap:var(--space-4);padding:var(--space-4) var(--space-5);grid-template-columns:repeat(6,1fr);display:grid}.stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised);display:flex;position:relative}.stat-card.alert-card{border-color:var(--color-error-border)}.stat-icon{border-radius:var(--radius-lg);background:var(--color-bg-neu-sunken);width:44px;height:44px;box-shadow:var(--shadow-neu-inset);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-content{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-value{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-label{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.critical-badge{top:var(--space-2-5);right:var(--space-2-5);padding:2px var(--space-1-5);background:var(--color-error-bg);color:var(--color-error-text);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);position:absolute}.main-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-neu-raised)}.card-header{margin-bottom:var(--space-5)}.card-header h3{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.card-subtitle{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.view-container::-webkit-scrollbar{width:6px}.view-container::-webkit-scrollbar-track{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full)}.view-container::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--gray-300),var(--gray-400));border-radius:var(--radius-full)}.view-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--gray-400),var(--gray-500))}.filters-section{justify-content:space-between;align-items:center;display:flex}.tab-nav{gap:var(--space-2);padding:var(--space-1);background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);display:flex}.tab{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;display:flex}.tab:hover{color:var(--color-text-primary)}.tab.active{background:var(--color-bg-neu-raised);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.filter-group{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);display:flex}.search-box{position:relative}.search-icon{left:var(--space-2-5);color:var(--color-text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-neu-light);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);width:220px;box-shadow:var(--shadow-neu-inset);transition:var(--transition-input)}.search-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-neu-inset),var(--shadow-focus-ring);outline:none}.filter-select{padding:var(--space-2) var(--space-3);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-neu-light);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-neu-inset)}@media(max-width:1400px){.stats-row{grid-template-columns:repeat(3,1fr)}.stats-row-4{grid-template-columns:repeat(2,1fr)}.alert-grid,.metrics-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.detail-panel{width:380px}}@media(max-width:1100px){.main-grid{grid-template-columns:1fr}.stats-row,.stats-row-4{grid-template-columns:repeat(2,1fr)}.risk-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.transactions-container{flex-direction:column}.detail-panel{width:100%;max-height:50%}.filters-section{gap:var(--space-3);flex-direction:column;align-items:stretch}}@media(max-width:768px){.stats-row,.stats-row-4{grid-template-columns:1fr}.alert-grid,.risk-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.methods-grid,.kpi-grid{grid-template-columns:1fr}.manager-header{gap:var(--space-3);flex-direction:column}.manager-footer{grid-template-columns:repeat(2,1fr)}.flow-comparison{flex-direction:column}.flow-divider{justify-content:center;transform:rotate(90deg)}.queue-sidebar,.context-panel{z-index:20;position:absolute;top:0;bottom:0}.queue-sidebar{left:0;width:280px!important}.context-panel{right:0;width:300px!important}}.transactions-list::-webkit-scrollbar{width:6px}.detail-content::-webkit-scrollbar{width:6px}.task-area::-webkit-scrollbar{width:6px}.transactions-list::-webkit-scrollbar-track{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full)}.detail-content::-webkit-scrollbar-track{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full)}.task-area::-webkit-scrollbar-track{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full)}.transactions-list::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--gray-300),var(--gray-400));border-radius:var(--radius-full)}.detail-content::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--gray-300),var(--gray-400));border-radius:var(--radius-full)}.task-area::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--gray-300),var(--gray-400));border-radius:var(--radius-full)}.transactions-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--gray-400),var(--gray-500))}.detail-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--gray-400),var(--gray-500))}.task-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--gray-400),var(--gray-500))}.table-container{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);text-align:left;font-family:var(--font-sans);font-size:var(--font-size-sm)}.data-table th{background:var(--color-bg-neu-sunken);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default)}.data-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-divider)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg-hover)}.table-row{transition:var(--transition-fast)}.table-row:hover{background:var(--color-bg-hover)}.table-row-selected{background:var(--color-indigo-muted)}.table-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.table-header-content{align-items:center;gap:var(--space-3);display:flex}.table-header-sortable{cursor:pointer}.table-header-sortable:hover{color:var(--color-text-primary)}.table-body{max-height:500px;overflow-y:auto}.table-cell{padding:var(--space-3) var(--space-4)}.table-cell-checkbox{width:40px}.table-cell-actions{text-align:right;width:100px}.table-scroll{overflow-x:auto}.sortable-header{cursor:pointer}.sortable-header.active{color:var(--color-text-primary)}.sort-icon{color:var(--color-text-tertiary)}.sort-icon-inactive{opacity:.3}.preview-overlay{background:var(--color-overlay-dark);z-index:999;position:fixed;inset:0}.preview-panel{background:var(--color-bg-card);border-left:1px solid var(--color-border-default);width:420px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.preview-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.preview-title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.preview-content{padding:var(--space-5);flex:1;overflow-y:auto}.preview-section{margin-bottom:var(--space-5)}.preview-btn{background:var(--color-bg-neu-raised);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-neu-raised-sm);border:none;justify-content:center;align-items:center;display:flex}.preview-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.client-name-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.client-name{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.badge-button{align-items:center;gap:var(--space-1-5);font-family:var(--font-sans);font-weight:var(--font-weight-medium);display:inline-flex;padding:var(--space-1-5) var(--space-3)!important;background:var(--color-bg-tertiary)!important;border:1px solid var(--color-border-subtle)!important;border-radius:var(--radius-full)!important;font-size:var(--font-size-xs)!important;color:var(--color-text-secondary)!important;height:auto!important}.badge-button:hover{background:var(--color-bg-hover)!important;border-color:var(--color-border-default)!important}.badge-button .country-flag{font-size:var(--font-size-sm)}.status-badge.status-initial_call{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.status-awaiting_ftd{background:var(--color-purple-bg);color:var(--color-purple)}.status-badge.status-closed_deal{background:var(--color-success-bg);color:var(--color-success)}.status-badge.status-vip{background:linear-gradient(135deg,var(--color-warning-bg),var(--color-success-bg));color:var(--color-warning);border:1px solid var(--color-warning)}.status-badge.status-call_again{background:var(--color-info-bg);color:var(--color-info)}.client-stats-row{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-neu-sunken);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-inset);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.client-stat-item{text-align:center;flex-direction:column;gap:2px;display:flex}.client-stat-item .stat-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.client-stat-item .stat-value{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.client-stat-item .stat-value-positive{color:var(--color-success)}.client-stat-item .stat-value-negative{color:var(--color-error)}.client-form-section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-divider);background:var(--color-bg-secondary)}.client-form-section .form-row{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.client-form-section .form-row:last-child{grid-template-columns:repeat(2,1fr);margin-bottom:0}.client-form-section .form-field{gap:var(--space-1);flex-direction:column;display:flex}.client-form-section .form-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.quick-action-btn{align-items:center;gap:var(--space-2);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-neu-raised-sm);flex-direction:column;display:flex;padding:var(--space-3)!important;background:var(--color-bg-neu-raised)!important;border:1px solid var(--color-border-subtle)!important;border-radius:var(--radius-lg)!important;height:auto!important}.quick-action-btn:hover{box-shadow:var(--shadow-neu-raised);transform:translateY(-1px);background:var(--color-bg-hover)!important;border-color:var(--color-border-default)!important}.client-tabs-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.client-tabs-section .tab-list{gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-neu-sunken);border-bottom:1px solid var(--color-border-divider);scrollbar-width:none;box-shadow:none;border-radius:0;display:flex;overflow-x:auto}.client-tabs-section .tab-list::-webkit-scrollbar{display:none}.client-tabs-section .tab-button{font-family:var(--font-sans);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;padding:var(--space-2) var(--space-3)!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-xs)!important;color:var(--color-text-tertiary)!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important}.client-tabs-section .tab-button:hover{color:var(--color-text-primary)!important;background:var(--color-bg-hover)!important}.client-tabs-section .tab-button.active{background:var(--color-bg-card)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-neu-raised-sm)!important}.client-tabs-section .tab-content{padding:var(--space-4);background:var(--color-bg-card);flex:1;overflow:auto}.client-tabs-section .data-table{border-collapse:collapse;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;overflow:hidden}.client-tabs-section .data-table th{padding:var(--space-2-5) var(--space-3);background:var(--color-bg-neu-sunken);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary);text-align:left;border-bottom:1px solid var(--color-border-default)}.client-tabs-section .data-table td{padding:var(--space-2-5) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-divider)}.client-tabs-section .data-table tbody tr:last-child td{border-bottom:none}.client-tabs-section .data-table tbody tr:hover{background:var(--color-bg-hover)}.status-badge.status-active,.status-badge.status-success,.status-badge.status-completed,.status-badge.status-approved{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.status-pending,.status-badge.status-processing,.status-badge.status-in-progress{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.status-error,.status-badge.status-failed,.status-badge.status-rejected,.status-badge.status-cancelled,.status-badge.status-overdue{background:var(--color-error-bg);color:var(--color-error-text)}.status-badge.status-inactive,.status-badge.status-suspended,.status-badge.status-closed{background:var(--color-gray-muted);color:var(--color-text-tertiary)}.status-badge.status-new{background:var(--color-info-bg-subtle);color:var(--color-info)}.status-badge.status-critical{background:var(--color-error-bg-subtle);color:var(--color-error-dark)}.status-badge.status-high{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.status-medium{background:var(--color-info-bg-subtle);color:var(--color-info)}.status-badge.status-low{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.active,.status-badge.inactive{padding:var(--space-1) var(--space-2)}.shortcut-keys{align-items:center;gap:var(--space-1);display:flex}.shortcut-key,.kbd{min-width:24px;height:24px;padding:0 var(--space-2);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);box-shadow:var(--shadow-neu-inset);justify-content:center;align-items:center;display:inline-flex}.shortcut-separator,.kbd-separator{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.shortcuts-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.shortcuts-group{margin-bottom:var(--space-6)}.shortcuts-group-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.shortcuts-list{gap:var(--space-2);flex-direction:column;display:flex}.shortcut-item{padding:var(--space-2) var(--space-3);background:var(--color-bg-neu-sunken);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.shortcut-description{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.loading-state{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loading-container{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.loading-spinner,.spinner{border:3px solid var(--color-border-default);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);width:40px;height:40px;animation:1s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.skeleton{background:linear-gradient(90deg,var(--color-bg-neu-sunken) 25%,var(--color-bg-hover) 50%,var(--color-bg-neu-sunken) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:100%;height:16px}.skeleton-title{width:60%;height:24px}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton-card{width:100%;height:120px}.skeleton-row{gap:var(--space-3);padding:var(--space-3);display:flex}.client-profile-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.client-profile-info{padding:var(--space-5)}.client-info-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.client-badges-row{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.clients-view-layout{flex-direction:row;height:100%;display:flex;overflow:hidden}.clients-main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.filter-sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border-default);width:280px;padding:var(--space-4);flex-shrink:0;overflow-y:auto}.filter-sidebar-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.filters-section{padding:var(--space-4);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.filters-bar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface-card);border-bottom:1px solid var(--color-border-subtle);display:flex}.filters-bar .search-input-wrapper{min-width:240px;max-width:320px;position:relative}.filters-bar .search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filters-bar .search-input{width:100%;padding-left:var(--space-9);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);height:38px;box-shadow:none}.filters-bar .search-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.filters-bar .filter-controls{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.filters-bar .filter-controls>svg{color:var(--color-text-muted);flex-shrink:0}.filters-bar .form-select{width:auto;min-width:140px;height:38px;padding:0 var(--space-8) 0 var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;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='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;box-shadow:none}.filters-bar .form-select:hover{border-color:var(--color-border-strong)}.filters-bar .form-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.filters-bar .btn-icon{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.filters-bar .btn-icon:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.filters-group{gap:var(--space-2);display:flex}.filter-chip{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);background:var(--color-bg-neu-sunken);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-neu-inset);display:inline-flex}.filter-chip:hover,.filter-chip.active{background:var(--color-bg-neu-raised);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.filter-chip-remove{margin-left:var(--space-1);cursor:pointer;justify-content:center;align-items:center;display:flex}.filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-options{gap:var(--space-1);flex-direction:column;display:flex}.filter-option{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:flex}.filter-option:hover,.filter-option.active{background:var(--color-bg-neu-sunken)}.filter-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border:none;display:flex}.pagination{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);display:flex}.pagination-container{padding:var(--space-3) 0;background:var(--color-bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.pagination-info{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination-btn,.page-btn{justify-content:center;align-items:center;gap:var(--space-1);min-width:32px;height:36px;padding:0 var(--space-3);background:var(--color-bg-neu-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-neu-raised-sm);display:flex}.pagination-btn:hover,.page-btn:hover{background:var(--color-bg-hover)}.page-btn.active{background:var(--color-interactive-gradient);color:#fff;border-color:#0000}.pagination-bar{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.pagination-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.page-numbers{gap:var(--space-1);display:flex}.rows-per-page{align-items:center;gap:var(--space-2);display:flex}.rows-select{padding:var(--space-1-5) var(--space-2);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2-5) var(--space-3);background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-neu-light);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);box-shadow:var(--shadow-neu-inset);transition:var(--transition-input)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-neu-inset),var(--shadow-focus-ring);outline:none}.form-input-sm{padding:var(--space-1-5) var(--space-2);font-size:var(--font-size-xs)}.form-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1-5);display:block}.form-field,.form-group{margin-bottom:var(--space-4)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-row{gap:var(--space-4);display:flex}.form-section{margin-bottom:var(--space-6)}.form-hint,.form-help{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.form-checkbox,.form-radio{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.modal-backdrop,.modal-overlay{background:var(--color-overlay-darker);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.modal-md{width:500px}.modal-lg{width:700px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-subtitle{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-divider);display:flex}.modal-content{padding:var(--space-5)}.modal-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.task-list{gap:var(--space-2);flex-direction:column;display:flex}.task-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-neu-raised);cursor:pointer;transition:var(--transition-button)}.task-card:hover{border-color:var(--color-border-strong)}.task-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-divider);cursor:pointer;transition:var(--transition-fast);align-items:center;display:flex}.task-row:hover{background:var(--color-bg-hover)}.task-row-selected{background:var(--color-indigo-muted)}.task-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);display:flex}.task-item:hover,.task-item.active{background:var(--color-bg-neu-sunken)}.task-item-content{flex:1;min-width:0}.task-item-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.task-item-meta{gap:var(--space-2);margin-top:var(--space-1);font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--color-text-tertiary);display:flex}.task-summary{padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised)}.task-content{padding:var(--space-4)}.task-description{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.badge-sm,.badge-xs{padding:2px var(--space-1-5);font-size:var(--font-size-2xs)}.badge-secondary{background:var(--color-bg-neu-sunken);color:var(--color-text-secondary)}.badge-neutral{background:var(--color-gray-muted);color:var(--color-text-secondary)}.badge-accent{background:var(--color-purple-bg);color:var(--color-purple)}.priority-badge.critical,.priority-badge.urgent{background:var(--color-error-bg);color:var(--color-error-text)}.priority-badge.high{background:var(--color-warning-bg);color:var(--color-warning-text)}.priority-badge.medium{background:var(--color-info-bg-subtle);color:var(--color-info)}.priority-badge.low{background:var(--color-success-bg);color:var(--color-success-text)}.tier-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.tier-badge.gold,.tier-gold{background:var(--gradient-medal-gold);color:var(--color-medal-gold-text)}.tier-badge.silver,.tier-silver{background:var(--gradient-medal-silver);color:var(--color-medal-silver-text)}.tier-badge.bronze,.tier-bronze{background:var(--gradient-medal-bronze);color:var(--color-medal-bronze-text)}.tier-badge.platinum,.tier-platinum{background:var(--gradient-medal-platinum);color:var(--color-medal-platinum-text)}.tag-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-bg-neu-sunken);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--color-text-secondary);display:inline-flex}.tag-badge.tag-vip{background:var(--color-warning-bg);color:var(--color-warning-text)}.tag-badge.tag-high-value{background:var(--color-success-bg);color:var(--color-success-text)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-button);border:none;display:inline-flex}.btn-sm,.btn-small{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-icon{padding:var(--space-2);min-width:36px}.btn-primary{background:var(--color-interactive-gradient);color:var(--color-text-inverse);box-shadow:var(--shadow-neu-raised)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-neu-raised);border:1px solid var(--color-border-default);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.btn-secondary:hover{background:var(--color-bg-hover)}.btn-outline{border:1px solid var(--color-border-default);color:var(--color-text-primary);background:0 0}.btn-outline:hover{background:var(--color-bg-neu-sunken)}.btn-danger,.btn-error{background:var(--color-error);color:#fff}.btn-danger:hover,.btn-error:hover{background:var(--color-error-dark)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:var(--color-success-dark)}.btn-warning{background:var(--color-warning);color:#fff}.btn-link:hover{text-decoration:underline}.btn-filter{background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-neu-light);color:var(--color-text-secondary);box-shadow:var(--shadow-neu-inset)}.btn-filter:hover,.btn-filter.active{background:var(--color-bg-neu-raised);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.btn-close{background:var(--color-bg-neu-raised);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;box-shadow:var(--shadow-neu-raised-sm);border:none;justify-content:center;align-items:center;display:flex}.btn-close:hover{color:var(--color-text-primary)}.icon{justify-content:center;align-items:center;display:flex}.icon-button{background:var(--color-bg-neu-raised);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-neu-raised-sm);border:none;justify-content:center;align-items:center;display:flex}.icon-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.icon-primary{background:var(--color-indigo-bg);color:var(--color-indigo)}.icon-success{background:var(--color-success-bg);color:var(--color-success-text)}.icon-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.icon-error{background:var(--color-error-bg);color:var(--color-error-text)}.icon-info{background:var(--color-info-bg-subtle);color:var(--color-info)}.icon-muted{color:var(--color-text-tertiary)}.icon-neutral{background:var(--color-gray-muted);color:var(--color-text-secondary)}.info-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-info-bg-subtle-light);border:1px solid var(--color-info-border-subtle);border-radius:var(--radius-lg);display:flex}.info-banner-icon{color:var(--color-info)}.info-banner-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary)}.code-block{background:var(--color-bg-neu-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);overflow:hidden}.code-block-header{padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.code-language{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.code-content{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);overflow-x:auto}.command-palette{z-index:9999;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.command-palette-backdrop{background:var(--color-overlay-darker);position:absolute;inset:0}.command-search-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-divider)}.command-search-input{width:100%;padding:var(--space-2-5) var(--space-3);background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);box-shadow:var(--shadow-neu-inset);border:none}.command-search-input:focus{outline:none}.command-search-icon{left:var(--space-3);color:var(--color-text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.command-search-hint{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.command-list{max-height:400px;padding:var(--space-2);overflow-y:auto}.command-group{margin-bottom:var(--space-3)}.command-group-label{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase}.command-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);display:flex}.command-item:hover,.command-item-selected{background:var(--color-bg-neu-sunken)}.command-item-danger{color:var(--color-error)}.command-item-icon{border-radius:var(--radius-md);background:var(--color-bg-neu-raised);width:32px;height:32px;box-shadow:var(--shadow-neu-raised-sm);justify-content:center;align-items:center;display:flex}.command-item-content{flex:1}.command-item-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.command-item-description{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.command-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-divider);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;display:flex}.command-footer-item{align-items:center;gap:var(--space-2);display:flex}.command-empty{padding:var(--space-6);text-align:center;color:var(--color-text-tertiary)}.inline-edit{align-items:center;gap:var(--space-2);display:inline-flex}.inline-edit-display{cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast)}.inline-edit-display:hover{background:var(--color-bg-hover)}.inline-edit-editing{align-items:center;gap:var(--space-2);display:flex}.inline-edit-input{padding:var(--space-1) var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);font-family:inherit;font-size:inherit;color:var(--color-text-primary)}.inline-edit-actions{gap:var(--space-1);display:flex}.inline-edit-btn{background:var(--color-bg-neu-raised);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tooltip-trigger{cursor:help;position:relative}.tooltip-content{padding:var(--space-1-5) var(--space-3);background:var(--color-text-primary);border-radius:var(--radius-tooltip);box-shadow:var(--shadow-tooltip);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);white-space:nowrap;z-index:1000;margin-bottom:var(--space-2);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-arrow{border:6px solid #0000;border-top-color:var(--color-text-primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-text{display:none}.tooltip-trigger:hover .tooltip-text{display:block}.fab-button{bottom:var(--space-6);right:var(--space-6);background:var(--color-interactive-gradient);border-radius:var(--radius-full);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow-lg);z-index:100;transition:var(--transition-button);border:none;justify-content:center;align-items:center;display:flex;position:fixed}.fab-button:hover{transform:scale(1.05)}.fab-button-icon{transition:transform .3s}.fab-button-ring{border-radius:var(--radius-full);border:2px solid var(--color-white-ring);width:100%;height:100%;position:absolute}.fab-backdrop{background:var(--color-overlay-backdrop);z-index:99;position:fixed;inset:0}.fab-menu{bottom:calc(var(--space-6) + 70px);right:var(--space-6);gap:var(--space-3);z-index:100;flex-direction:column;display:flex;position:fixed}.fab-item{align-items:center;gap:var(--space-3);display:flex}.fab-item-icon{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-primary);box-shadow:var(--shadow-lg);cursor:pointer;justify-content:center;align-items:center;display:flex}.fab-item-label{padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);box-shadow:var(--shadow-md);white-space:nowrap}.fab-tooltip{margin-right:var(--space-3);padding:var(--space-1-5) var(--space-3);background:var(--color-text-primary);border-radius:var(--radius-tooltip);box-shadow:var(--shadow-tooltip);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);white-space:nowrap;position:absolute;right:100%}.toggle-switch{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:var(--transition-fast);box-shadow:var(--shadow-neu-inset);position:relative}.toggle-switch.toggle-active{background:var(--color-success)}.toggle-knob{border-radius:var(--radius-full);width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.toggle-active .toggle-knob{transform:translate(20px)}.toggle-row{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.toggle-label{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary)}.toggle-description{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.progress-section{margin-bottom:var(--space-4)}.progress-header{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.progress-label{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.progress-count,.progress-text{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.leaderboard-container{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised)}.leaderboard-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.leaderboard-title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.leaderboard-list{padding:var(--space-3)}.leaderboard-avatar{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;width:32px;height:32px;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.leaderboard-stats{gap:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--color-text-tertiary);margin-top:2px;display:flex}.leaderboard-points{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success-text)}.leaderboard-rank{width:24px;height:24px;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);background:var(--color-bg-neu-sunken);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.leaderboard-view-all{padding:var(--space-3);text-align:center;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-primary-600);border-top:1px solid var(--color-border-divider);cursor:pointer;display:block}.achievement-badge{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-neu-raised);flex-direction:column;display:flex}.badge-icon-wrapper{border-radius:var(--radius-full);background:var(--gradient-medal-gold);width:56px;height:56px;box-shadow:var(--shadow-neu-raised);justify-content:center;align-items:center;display:flex}.badge-name{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.badge-description{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.badge-progress{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.rarity-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}.rarity-badge.legendary-glow{background:var(--gradient-medal-gold);color:var(--color-medal-gold-text)}.sparkline-container{align-items:flex-end;gap:var(--space-3);display:flex}.sparkline-svg{width:80px;height:30px}.sparkline-line{fill:none;stroke:var(--color-success);stroke-width:2px}.sparkline-area{fill:var(--color-success-fill-subtle)}.sparkline-dot{fill:var(--color-success)}.sparkline-stats{flex-direction:column;gap:2px;display:flex}.sparkline-stat-value{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sparkline-stat-label{font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.sparkline-divider{background:var(--color-border-divider);width:1px;height:30px}.timeline-connector{background:var(--color-border-divider);width:2px;position:absolute;top:24px;bottom:0;left:15px}.timeline-dot.active,.timeline-dot-success{background:var(--color-success);border-color:var(--color-success)}.timeline-content{padding-left:var(--space-6)}.timeline-date{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.timeline-value{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary)}.timeline-line{background:var(--color-border-divider);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.detail-panel-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:flex-start;display:flex}.detail-panel-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.detail-panel-subtitle{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.detail-panel-id{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.detail-panel-body{padding:var(--space-5);flex:1;overflow-y:auto}.detail-panel-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-divider)}.detail-panel-actions{gap:var(--space-3);display:flex}.detail-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.detail-grid-2col{grid-template-columns:repeat(2,1fr)}.detail-item{gap:var(--space-1);flex-direction:column;display:flex}.detail-label{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.detail-value{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary)}.detail-value-highlight{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.detail-value-mono{font-family:var(--font-mono);font-size:var(--font-size-xs)}.detail-row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-divider);justify-content:space-between;display:flex}.detail-row:last-child{border-bottom:none}.detail-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.wizard-progress{padding:var(--space-5);border-bottom:1px solid var(--color-border-divider);justify-content:center;align-items:center;display:flex}.wizard-step{align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.wizard-step:not(:last-child):after{content:"";background:var(--color-border-divider);width:80px;height:2px;position:absolute;top:16px;left:100%}.wizard-step-icon{border-radius:var(--radius-full);background:var(--color-bg-neu-sunken);width:32px;height:32px;color:var(--color-text-tertiary);box-shadow:var(--shadow-neu-inset);justify-content:center;align-items:center;display:flex}.wizard-step-icon.icon-primary{background:var(--color-interactive-gradient);color:#fff;box-shadow:var(--shadow-neu-raised)}.wizard-step-icon.icon-success{background:var(--color-success);color:#fff;box-shadow:var(--shadow-neu-raised)}.wizard-step-label{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.wizard-content{padding:var(--space-6)}.modal-wizard{width:700px}.tab-nav-wrapper{align-items:center;gap:var(--space-2);display:flex;overflow-x:auto}.tab-list{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);display:flex}.tab-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:flex}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{background:var(--color-bg-neu-raised);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.tab-count,.tab-badge{padding:2px var(--space-1-5);background:var(--color-bg-neu-sunken);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.tab-content{padding:var(--space-5)}.tab-panel{display:none}.tab-panel.active{display:block}.tab-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.tab-spacer{flex:1}.view-mode-toggle{background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);padding:2px;display:flex}.view-btn{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-btn:hover{color:var(--color-text-secondary)}.view-btn.active{background:var(--color-bg-neu-raised);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.view-toggle{gap:var(--space-1);display:flex}.search-input-wrapper{position:relative}.search-clear-btn{right:var(--space-3);background:var(--gray-300);border-radius:var(--radius-full);width:18px;height:18px;color:var(--color-text-tertiary);cursor:pointer;border:none;margin:0;padding:0;transition:all .15s;position:absolute;top:50%;transform:translateY(-50%)}.search-clear-btn svg{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search-clear-btn:hover{background:var(--gray-400);color:var(--gray-800)}.text-success{color:var(--color-success-text)}.text-error{color:var(--color-error-text)}.text-warning{color:var(--color-warning-text)}.text-info{color:var(--color-info)}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-capitalize{text-transform:capitalize}.text-medium{font-weight:var(--font-weight-medium)}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.positive{color:var(--color-success-text)}.negative{color:var(--color-error-text)}.currency-value{font-family:var(--font-sans);font-weight:var(--font-weight-semibold)}.currency-value-positive{color:var(--color-success-text)}.currency-value-negative{color:var(--color-error-text)}.id-mono{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.nav-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.header{padding:var(--space-3) var(--space-5);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-stats{gap:var(--space-4);display:flex}.header-stat{flex-direction:column;align-items:center;display:flex}.header-divider{background:var(--color-border-divider);width:1px;height:24px}.page-container{flex-direction:column;height:100%;display:flex}.page-content{padding:var(--space-6);flex:1;overflow-y:auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.page-header-content{align-items:center;gap:var(--space-4);display:flex}.page-header-icon{border-radius:var(--radius-xl);background:var(--color-bg-neu-sunken);width:48px;height:48px;box-shadow:var(--shadow-neu-inset);justify-content:center;align-items:center;display:flex}.page-title{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-title-row{align-items:center;gap:var(--space-3);display:flex}.page-subtitle,.page-description{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.page-icon{border-radius:var(--radius-lg);background:var(--color-bg-neu-raised);width:44px;height:44px;box-shadow:var(--shadow-neu-raised-sm);justify-content:center;align-items:center;display:flex}.section-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised);overflow:hidden}.section-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.section-subtitle{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.section-content{padding:var(--space-4)}.section-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-3)}.section-description{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:36px;height:36px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;justify-content:center;align-items:center;display:flex}.avatar-sm{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar-md{width:40px;height:40px}.avatar-lg,.avatar-large{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar-circle{border-radius:var(--radius-full)}.avatar-section{align-items:center;gap:var(--space-3);display:flex}.chart-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.chart-label{width:80px;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chart-bar-container{background:var(--color-bg-neu-sunken);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.chart-bar{border-radius:var(--radius-full);height:100%;transition:width .3s}.chart-value{text-align:right;width:60px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chart-center-line{background:var(--color-border-divider);width:1px;position:absolute;top:0;bottom:0;left:50%}.divider{background:var(--color-border-divider);height:1px;margin:var(--space-4) 0}.separator{background:var(--color-border-divider);height:1px}.clickable{cursor:pointer}.highlight{background:var(--color-warning-bg-subtle);padding:0 var(--space-1);border-radius:var(--radius-xs)}.chevron,.chevron-icon{transition:transform .2s}.chevron-expanded{transform:rotate(90deg)}.dropdown-menu{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:1200}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);display:flex}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-icon{color:var(--color-text-tertiary)}.back-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;display:flex}.back-button:hover{color:var(--color-text-primary)}.animate-spin,.spin{animation:1s linear infinite spin}.capitalize{text-transform:capitalize}.loading{opacity:.6;pointer-events:none}.error-state{padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-icon{color:var(--color-error);margin-bottom:var(--space-4)}.error-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.error-message,.error-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.error-page{text-align:center;height:100vh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.error-content{max-width:400px}.error-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);display:flex}.pagination-dot{border-radius:var(--radius-full);background:var(--color-border-default);cursor:pointer;width:8px;height:8px;transition:var(--transition-fast);border:none}.pagination-dot:hover{background:var(--color-text-muted)}.pagination-dot.active{background:var(--color-text-primary);width:16px}.view-tabs-wrapper{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);min-width:0;display:flex}.view-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-neu-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;min-width:0;max-width:100%;display:flex;overflow-x:auto}.view-tabs::-webkit-scrollbar{display:none}.view-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:flex}.view-tab:hover{color:var(--color-text-primary)}.view-tab.active{background:var(--color-bg-neu-raised);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.view-tab svg{color:currentColor;flex-shrink:0}.role-selector{position:relative}.role-selector-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);display:flex}.role-selector-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.role-selector-icon{color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.role-selector-chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.role-selector-chevron.open{transform:rotate(180deg)}.role-selector-dropdown{right:0;top:calc(100% + var(--space-2));background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:14rem;box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:50;position:absolute}.role-selector-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.role-selector-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.role-selector-item-icon{color:var(--color-text-muted)}.role-selector-item-name{flex:1}.role-selector-item-check{color:var(--color-success-600)}.view-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.view-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);display:flex}.filter-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-bg-primary);border-color:var(--color-border-strong);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.filter-count{padding:2px var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.filter-btn.active .filter-count{background:var(--color-bg-active);color:var(--color-text-secondary)}.leads-content{flex:1;overflow:auto}.task-list-container{padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised);flex-direction:column;display:flex;overflow:hidden}.task-list-header{padding:var(--space-4) var(--space-5);background:var(--color-bg-neu-raised);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.task-list-title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-list-title-row{align-items:center;gap:var(--space-3);display:flex}.task-list-actions{gap:var(--space-2);display:flex}.task-list-loading{padding:var(--space-8);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.task-toolbar{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.toolbar-left{align-items:center;gap:var(--space-3);display:flex}.toolbar-right{align-items:center;gap:var(--space-2);display:flex}.filter-buttons{background:var(--color-bg-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);gap:2px;padding:2px;display:flex}.filter-buttons .filter-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none}.filter-buttons .filter-btn:hover{color:var(--color-text-primary)}.filter-buttons .filter-btn.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-neu-raised-sm)}.form-input{padding:var(--space-2) var(--space-3);background:var(--color-bg-sunken);border:1px solid var(--color-border-input);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);box-shadow:var(--shadow-neu-inset);transition:var(--transition-fast)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-neu-inset),var(--shadow-focus-ring);outline:none}.form-input::placeholder{color:var(--color-text-placeholder)}.tab-badge{min-width:20px;padding:2px var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.page-indicator{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:0 var(--space-2)}.row-checkbox{background:var(--color-bg-sunken);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;width:18px;height:18px;transition:var(--transition-fast);box-shadow:var(--shadow-neu-inset)}.row-checkbox:checked{background:var(--color-interactive-default);border-color:var(--color-interactive-default);box-shadow:none}.assignee-cell{align-items:center;gap:var(--space-2);display:flex}.assignee-avatar{border-radius:var(--radius-full);background:var(--color-bg-sunken);border:1px solid var(--color-border-subtle);width:28px;height:28px;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);box-shadow:var(--shadow-neu-inset);justify-content:center;align-items:center;display:flex}.quick-stat-item{gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-neu-raised);flex-direction:column;display:flex}.performer-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:var(--transition-fast);display:flex}.performer-item:hover{background:var(--color-bg-hover)}.performer-avatar{border-radius:var(--radius-full);background:var(--color-bg-sunken);border:1px solid var(--color-border-subtle);width:40px;height:40px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);box-shadow:var(--shadow-neu-inset);justify-content:center;align-items:center;display:flex}.performer-info{flex:1;min-width:0}.performer-info .name{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.performer-info .role{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.performer-stats{text-align:right}.performer-stats .value{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.performer-stats .label{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.rank{border-radius:var(--radius-full);width:24px;height:24px;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-neu-raised-sm);justify-content:center;align-items:center;display:inline-flex}.rank.gold{background:var(--gradient-medal-gold);color:var(--color-medal-gold-text)}.rank.silver{background:var(--gradient-medal-silver);color:var(--color-medal-silver-text)}.rank.bronze{background:var(--gradient-medal-bronze);color:var(--color-medal-bronze-text)}.conversion-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);display:flex}.conversion-amount{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-success)}.conversion-bonus{padding:2px var(--space-2);background:var(--color-purple-bg);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-purple);align-items:center;gap:4px;display:inline-flex}.funnel-stages{gap:var(--space-2);flex-direction:column;display:flex}.funnel-stage{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.funnel-stage .stage-bar{background:var(--color-bg-sunken);border-radius:var(--radius-md);height:24px;box-shadow:var(--shadow-neu-inset);flex:1;overflow:hidden}.funnel-stage .stage-fill{border-radius:var(--radius-md);height:100%;transition:width .6s}.funnel-stage .stage-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex:0 0 100px}.funnel-stage .stage-value{text-align:right;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:0 0 60px}.geo-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.geo-item .country{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:0 0 100px}.geo-bar{background:var(--color-bg-sunken);border-radius:var(--radius-full);height:8px;box-shadow:var(--shadow-neu-inset);flex:1;overflow:hidden}.geo-bar .fill{background:var(--color-info);border-radius:var(--radius-full);height:100%}.geo-item .value{text-align:right;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:0 0 45px}.source-item,.target-item{padding:var(--space-3);background:var(--color-bg-sunken);border-radius:var(--radius-md);margin-bottom:var(--space-2);box-shadow:var(--shadow-neu-inset);justify-content:space-between;align-items:center;display:flex}.source-item:last-child,.target-item:last-child{margin-bottom:0}.source-item .name,.target-item .name{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.source-item .value,.target-item .value{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bonus-badge{padding:3px var(--space-2);background:var(--color-success-bg);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-success);align-items:center;gap:4px;display:inline-flex}.demo-badge{padding:3px var(--space-2);background:var(--color-purple-bg);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-purple);align-items:center;gap:4px;display:inline-flex}.metrics-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.metrics-title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.metric-item-skeleton{background:var(--color-bg-sunken);border-radius:var(--radius-lg);height:64px;box-shadow:var(--shadow-neu-inset);animation:1.5s ease-in-out infinite pulse}.icon-bg{border-radius:var(--radius-lg);width:40px;height:40px;box-shadow:var(--shadow-neu-raised-sm);justify-content:center;align-items:center;display:flex}.icon-bg-teal{color:#14b8a6;background:#14b8a61a}.icon-bg-green{background:var(--color-success-bg);color:var(--color-success)}.icon-bg-blue{background:var(--color-info-bg);color:var(--color-info)}.icon-bg-red{background:var(--color-error-bg);color:var(--color-error)}.icon-bg-amber{background:var(--color-warning-bg);color:var(--color-warning)}.icon-bg-purple{background:var(--color-purple-bg);color:var(--color-purple)}.icon-bg-gray{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.status-success{color:var(--color-success)}.status-warning{color:var(--color-warning)}.status-error{color:var(--color-error)}.status-info{color:var(--color-info)}.cards-grid-2col{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.cards-grid-3col{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.cards-grid-4col{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.detail-grid-3col{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.detail-grid-4col{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.recent-ftds-section{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-neu-raised)}.ftd-list{gap:var(--space-3);flex-direction:column;display:flex}.ftd-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-sunken);border-radius:var(--radius-lg);box-shadow:var(--shadow-neu-inset);display:flex}.ftd-avatar{border-radius:var(--radius-full);background:var(--color-success-bg);border:1px solid var(--color-success-border);width:40px;height:40px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success);justify-content:center;align-items:center;display:flex}.ftd-info{flex:1;min-width:0}.ftd-name{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ftd-details{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ftd-amount-info{text-align:right}.ftd-amount{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-success);display:block}.ftd-date{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.deals-pipeline-section{margin-top:var(--space-5)}.badge-ticket-pending_support{padding:var(--space-1) var(--space-2-5);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);background:var(--color-warning-bg);color:var(--color-warning);align-items:center;display:inline-flex}.badge-ticket-pending_client{padding:var(--space-1) var(--space-2-5);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);background:var(--color-purple-bg);color:var(--color-purple);align-items:center;display:inline-flex}.badge-ticket-resolved{padding:var(--space-1) var(--space-2-5);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);background:var(--color-success-bg);color:var(--color-success);align-items:center;display:inline-flex}.badge-ticket-closed{padding:var(--space-1) var(--space-2-5);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);background:var(--color-bg-hover);color:var(--color-text-secondary);align-items:center;display:inline-flex}.ticket-id-cell{align-items:center;gap:var(--space-2);display:flex}.ticket-number-badge{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ticket-title-cell{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.reporter-cell{align-items:center;gap:var(--space-2-5);display:flex}.reporter-info{flex-direction:column;gap:2px;display:flex}.reporter-name{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.reporter-id{font-family:var(--font-mono);font-size:var(--font-size-xs)}.category-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-md);display:inline-flex}.time-cell,.replies-cell{align-items:center;gap:var(--space-1-5);font-family:var(--font-sans);font-size:var(--font-size-sm);display:inline-flex}.ticket-detail-modal{flex-direction:column;max-height:85vh;display:flex;overflow:hidden;z-index:1001!important;background:var(--color-bg-card)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;width:90vw!important;max-width:550px!important;padding:0!important}.ticket-detail-modal .modal-header-content{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-divider);justify-content:space-between;align-items:center;display:flex}.ticket-modal-header-info{align-items:center;gap:var(--space-3);display:flex}.ticket-detail-modal .modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.ticket-detail-modal .modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-divider);display:flex}.ticket-modal-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;line-height:1.4}.data-table-row.selected,.data-table-row.selected td{background:var(--color-bg-hover)}.data-table-row.clickable{cursor:pointer}.data-table-row.clickable:hover td{background:var(--color-bg-hover)}.table-pagination{padding:var(--space-4) 0;margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.table-pagination-info{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-pagination-controls{align-items:center;gap:var(--space-1);display:flex}.table-pagination-btn{min-width:36px;height:36px;padding:0 var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.table-pagination-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination-btn.active{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-inverse)}.clients-view-layout{background:var(--gray-50);width:100%;max-width:100vw;height:100%;display:flex;overflow:hidden}.clients-main-content{background:var(--gray-0);border-radius:16px;flex-direction:column;flex:1;min-width:0;max-width:100%;height:calc(100svh - 95px);max-height:calc(100svh - 95px);margin:16px;padding:16px;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008,0 0 0 1px #0000000a}.filter-sidebar{background:var(--color-bg-primary);border-right:1px solid var(--color-border-default);width:280px;font-family:var(--font-sans);flex-direction:column;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.filter-sidebar.card{box-shadow:none;border:none;border-right:1px solid var(--color-border-default);border-radius:0;margin:0;padding:0}.filter-sidebar-header{border-bottom:1px solid var(--color-border-default);background:var(--color-bg-secondary);align-items:center;gap:8px;padding:12px 16px;display:flex}.filter-title{align-items:center;gap:var(--space-2);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);flex:1;display:flex}.filter-title svg{color:var(--color-text-muted)}.filter-count{background:var(--color-interactive-default);min-width:18px;height:18px;color:var(--color-text-inverse);font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.filter-sidebar-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.filter-categories{padding:8px 0 0}.filter-category{border-bottom:1px solid var(--color-border-subtle)}.filter-category:last-child{border-bottom:none}.filter-category-header{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.filter-category-header:hover{background:var(--color-bg-hover)}.filter-category-header:focus{background:var(--color-bg-hover);outline:none}.filter-category-icon{background:var(--color-bg-active);width:24px;height:24px;color:var(--color-text-tertiary);border-radius:6px;justify-content:center;align-items:center;display:flex}.filter-category-icon svg{width:14px;height:14px}.filter-category-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.filter-category-count{font-size:10px;font-weight:var(--font-weight-semibold);background:var(--color-info);color:var(--color-text-inverse);border-radius:var(--radius-pill);margin-left:auto;padding:2px 6px}.filter-toggle-icon{color:var(--color-text-muted);transition:transform .2s}.filter-toggle-icon svg{width:14px;height:14px}.filter-options{background:var(--color-bg-secondary);flex-direction:column;gap:2px;margin:0;padding:4px 16px 12px;display:flex;overflow:hidden}.filter-option{cursor:pointer;font-family:var(--font-sans);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;line-height:1;transition:all .15s;display:flex}.filter-option:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.filter-option.active{background:var(--color-interactive-default);color:var(--color-text-inverse);border-color:var(--color-interactive-default)}.filter-option .checkbox{border-radius:4px;flex-shrink:0;width:16px;min-width:16px;height:16px}.filter-option .checkbox svg{width:12px;height:12px}.filter-option.active .checkbox{background:var(--color-bg-primary);border-color:var(--color-bg-primary);box-shadow:none}.filter-option.active .checkbox[data-state=unchecked]{background:#ffffffe6;border-color:#fff9}.filter-option.active .checkbox[data-state=checked]{background:var(--color-bg-primary);border-color:var(--color-bg-primary)}.filter-option.active .checkbox[data-state=checked] svg{color:var(--color-interactive-default)}.filter-option .option-label{font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;line-height:1;display:flex;overflow:hidden}.filter-option.active .option-label{color:var(--color-text-inverse)}.filter-sidebar .search-input-wrapper{margin:12px 16px;position:relative}.filter-sidebar .search-input-wrapper input{background:var(--color-bg-primary);border:1px solid var(--color-border-default);width:100%;font-family:var(--font-sans);color:var(--color-text-primary);border-radius:6px;padding:8px 10px 8px 32px;font-size:12px;transition:all .2s}.filter-sidebar .search-input-wrapper input::placeholder{color:var(--color-text-placeholder)}.filter-sidebar .search-input-wrapper input:focus{background:var(--color-bg-primary);border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-interactive-muted);outline:none}.filter-sidebar .search-input-wrapper svg{color:var(--color-text-muted);width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.filter-search-clear{background:var(--color-bg-hover);cursor:pointer;width:18px;height:18px;color:var(--color-text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.filter-search-clear:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.filter-no-results{text-align:center;padding:24px 16px}.filter-no-results p{color:var(--color-text-muted);margin:0;font-size:13px}.more-filters-btn{color:var(--color-text-tertiary);font-size:12px;font-weight:var(--font-weight-medium);border:1px dashed var(--color-border-default);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;margin:8px 16px 12px;padding:6px 12px;transition:all .15s;display:flex}.more-filters-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-bg-hover)}.filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chip{background:var(--gray-100);color:var(--gray-700);border-radius:20px;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.filter-chip:hover{background:var(--gray-200)}.filter-chip-category{color:var(--gray-500);font-weight:500}.filter-chip-value{color:var(--gray-800);font-weight:600}.filter-chip-remove{background:var(--gray-300);cursor:pointer;width:16px;height:16px;color:var(--gray-600);border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;transition:all .15s;display:flex}.filter-chip-remove:hover{background:var(--gray-900);color:var(--gray-0)}.filter-count-badge{background:var(--gray-900);min-width:18px;height:18px;color:var(--gray-0);border-radius:9px;justify-content:center;align-items:center;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.bulk-actions{background:var(--gray-900);border-radius:12px;align-items:center;gap:4px;padding:6px 12px;display:flex}.bulk-actions .btn{color:var(--gray-300)}.bulk-actions .btn:hover{color:var(--gray-0);background:#ffffff1a}.bulk-actions .btn-error:hover{background:var(--color-error);color:var(--gray-0)}.selected-count{color:var(--gray-0);border-right:1px solid var(--gray-700);margin-right:4px;padding-right:8px;font-size:12px;font-weight:600}.view-mode-toggle{background:var(--gray-100);border-radius:10px;padding:3px;display:flex}.view-mode-toggle .btn{border-radius:8px;padding:6px 10px}.view-mode-toggle .btn-primary{background:var(--gray-900);color:var(--gray-0);box-shadow:0 2px 4px #0000001a}.view-mode-toggle .btn-ghost{color:var(--gray-500)}.view-mode-toggle .btn-ghost:hover{color:var(--gray-700);background:0 0}.table-container{background:var(--gray-0);flex:1 1 0;width:100%;min-width:0;max-width:100%;min-height:0;overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1200px;display:table}.data-table th:last-child,.data-table td:last-child{padding-right:32px}.data-table thead{z-index:10;display:table-header-group;position:sticky;top:0}.data-table thead tr{background:linear-gradient(180deg,var(--gray-50) 0%,var(--gray-100) 100%);display:table-row}.data-table th{text-align:left;color:var(--gray-600);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--gray-200);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:700;display:table-cell;position:relative}.data-table th:after{content:"";background:var(--gray-200);width:1px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.data-table th:last-child:after{display:none}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.sortable-header:hover{background:var(--gray-150);color:var(--gray-900)}.sortable-header.active{color:var(--gray-900);background:var(--gray-150)}.header-content{align-items:center;gap:6px;display:flex}.sort-icon-inactive{opacity:.3;transition:opacity .15s}.sortable-header:hover .sort-icon-inactive{opacity:.6}.data-table tbody{display:table-row-group}.data-table tbody tr{border-bottom:1px solid var(--gray-100);transition:all .15s;display:table-row}.data-table tbody tr:nth-child(2n){background:var(--gray-0)}.data-table tbody tr:nth-child(odd){background:#00000002}.data-table tbody tr:hover{background:var(--gray-50)!important}.table-row-selected{box-shadow:inset 3px 0 0 var(--color-info);background:#3b82f60f!important}.table-row-selected:hover{background:#3b82f61a!important}.data-table td{color:var(--gray-800);border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:12px 16px;display:table-cell}.checkbox-column,.table-cell-checkbox{text-align:center;width:48px;padding:12px 8px!important}.checkbox-wrapper,.checkbox-label{cursor:pointer;justify-content:center;align-items:center;display:flex}.checkbox-wrapper input[type=checkbox],.checkbox-label input[type=checkbox]{display:none}.checkbox-indicator{border:2px solid var(--gray-300);background:var(--gray-0);width:18px;height:18px;color:var(--gray-0);border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.checkbox-wrapper input:checked+.checkbox-indicator,.checkbox-label input:checked+.checkbox-indicator{background:var(--gray-900);border-color:var(--gray-900)}.checkbox-wrapper:hover .checkbox-indicator,.checkbox-label:hover .checkbox-indicator{border-color:var(--gray-500)}.table-cell-name{min-width:200px}.name-cell{align-items:center;gap:10px;display:flex}.star-btn{cursor:pointer;width:28px;height:28px;color:var(--gray-300);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.star-btn-active{color:var(--color-warning)}.client-name-wrapper{flex:1;min-width:0}.client-name-link{color:var(--gray-900);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:color .15s;display:block;overflow:hidden}.client-name-link:hover{color:var(--color-info)}.preview-btn{opacity:0;transition:opacity .15s}.table-row:hover .preview-btn,.table-row-hovered .preview-btn{opacity:1}.table-cell-currency{text-align:right;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;font-weight:500}.currency-value{background:var(--gray-50);border-radius:6px;padding:4px 8px;display:inline-block}.currency-value-positive{color:var(--color-success);background:var(--color-success-bg)}.currency-value-negative{color:var(--color-error);background:var(--color-error-bg)}.table-cell-numeric{text-align:right;color:var(--gray-700);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.table-cell-date{color:var(--gray-500);white-space:nowrap;font-size:12px}.country-cell{align-items:center;gap:8px;display:flex}.country-code{background:var(--gray-100);width:28px;height:20px;color:var(--gray-600);letter-spacing:.02em;border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.country-name{font-size:13px}.tags-list{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tags-more{padding:2px 6px;font-size:11px}.table-cell-actions{width:160px;padding:8px 12px!important}.actions-group{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.table-row:hover .actions-group,.table-row-hovered .actions-group{opacity:1}.actions-group .btn{width:32px;height:32px;color:var(--gray-500);border-radius:8px;padding:0}.actions-group .btn:hover{color:var(--gray-900);background:var(--gray-100)}.pagination-container{background:var(--gray-0);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.pagination{background:var(--gray-0);border-top:1px solid var(--gray-150);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.pagination-info{color:var(--gray-500);font-size:13px}.pagination-btn,.page-btn{background:var(--gray-0);border:1px solid var(--gray-200);min-width:36px;height:36px;color:var(--gray-700);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pagination-btn:hover:not(:disabled),.page-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.page-btn.active{background:var(--gray-900);border-color:var(--gray-900);color:var(--gray-0)}.pagination-current{color:var(--gray-600);padding:0 12px;font-size:13px;font-weight:500}.pagination-page-size{align-items:center;gap:8px;display:flex}.loading-state,.error-state{text-align:center;background:var(--gray-0);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 40px;display:flex}.loading-state svg{color:var(--gray-400);margin-bottom:16px;animation:1s linear infinite spin}.error-state svg{color:var(--color-error);margin-bottom:16px}.loading-state span,.error-state span{color:var(--gray-600);margin-bottom:8px;font-size:15px;font-weight:500}.error-state p{color:var(--gray-500);max-width:400px;margin-bottom:20px;font-size:13px}.badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-primary{background:var(--gray-900);color:var(--gray-0)}.badge-neutral{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning-border)}.badge-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-sm{border-radius:6px;padding:6px 10px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0}.btn-primary{background:var(--gray-900);color:var(--gray-0)}.btn-primary:hover{background:var(--gray-800)}.btn-secondary{background:var(--gray-0);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-link{color:var(--gray-600);background:0 0;padding:4px 8px}.btn-link:hover{color:var(--gray-900);text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--gray-0);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 24px 48px #0003,0 0 0 1px #0000000d}.modal-header{border-bottom:1px solid var(--gray-150);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--gray-900);font-size:18px;font-weight:600}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--gray-150);background:var(--gray-50);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@media(max-width:1200px){.filter-sidebar{width:240px}}@media(max-width:1024px){.filter-sidebar{z-index:100;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #0000001a}.clients-main-content{border-radius:0;margin-left:0}}@media(max-width:768px){.bulk-actions{flex-wrap:wrap}.pagination{flex-direction:column;gap:12px}}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:var(--gray-100)}.table-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.table-container::-webkit-scrollbar-corner{background:var(--gray-100)}.table-container{scrollbar-width:thin;scrollbar-color:var(--gray-300) var(--gray-100)}.filter-panel{z-index:50;background:var(--gray-0);border:1px solid var(--gray-200);border-radius:12px;width:320px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000d}.filter-panel-header{border-bottom:1px solid var(--gray-150);background:var(--gray-50);justify-content:space-between;align-items:center;padding:16px;display:flex}.filter-panel-header h3{color:var(--gray-900);margin:0;font-size:14px;font-weight:600}.filter-panel-actions{align-items:center;gap:4px;display:flex}.filter-panel-body{flex-direction:column;gap:16px;max-height:400px;padding:16px;display:flex;overflow-y:auto}.filter-field{flex-direction:column;gap:6px;display:flex}.filter-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:500}.filter-panel-footer{border-top:1px solid var(--gray-150);background:var(--gray-50);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.filter-panel-wrapper{display:inline-block;position:relative}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.active-filter-chip{background:var(--gray-100);color:var(--gray-700);border-radius:16px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:12px;display:inline-flex}.active-filter-chip button{background:var(--gray-300);cursor:pointer;width:16px;height:16px;color:var(--gray-600);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.active-filter-chip button:hover{background:var(--gray-900);color:var(--gray-0)}.bulk-actions-bar{z-index:100;pointer-events:auto;position:fixed;bottom:40px;right:20px}.bulk-actions-bar-content{background:var(--gray-900);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;align-items:center;gap:4px;padding:10px 16px;display:flex;box-shadow:0 20px 40px #0000004d,0 8px 16px #0003,inset 0 0 0 1px #ffffff1a,0 0 30px #00000026}.bulk-actions-selection{align-items:center;gap:6px;padding:4px 8px;display:flex}.bulk-actions-count{background:linear-gradient(135deg,var(--gray-0) 0%,var(--gray-100) 100%);min-width:28px;height:28px;color:var(--gray-900);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #0000001a}.bulk-actions-label{color:var(--gray-400);white-space:nowrap;font-size:13px;font-weight:500}.bulk-actions-clear{width:20px;height:20px;color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:all .15s;display:flex}.bulk-actions-clear:hover{color:var(--gray-0);background:#ffffff1a}.bulk-actions-divider{background:var(--gray-700);width:1px;height:24px;margin:0 8px}.bulk-actions-primary{align-items:center;gap:2px;display:flex}.bulk-action-btn{color:var(--gray-200);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.bulk-action-btn:hover{color:var(--gray-0);background:#ffffff26;transform:translateY(-1px)}.bulk-action-btn:active{background:#ffffff26;transform:scale(.98)}.bulk-action-btn svg{flex-shrink:0}.bulk-action-more{padding:8px 10px}.bulk-action-delete{color:var(--gray-400);background:#ef44441a;border-radius:10px;margin-left:4px;padding:8px}.bulk-action-delete:hover{color:var(--gray-0);background:var(--color-error)}.bulk-actions-dropdown{background:var(--gray-900);border:1px solid #ffffff14;border-radius:12px;min-width:180px;padding:6px;box-shadow:0 16px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.bulk-actions-dropdown [data-radix-dropdown-menu-content]{background:var(--gray-900)}.bulk-actions-dropdown [role=menuitem]{color:var(--gray-300);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bulk-actions-dropdown [role=menuitem]:hover,.bulk-actions-dropdown [role=menuitem]:focus{color:var(--gray-0);background:#ffffff14;outline:none}.bulk-actions-dropdown [role=menuitem] svg{color:var(--gray-500);flex-shrink:0}.bulk-actions-dropdown [role=menuitem]:hover svg{color:var(--gray-300)}.bulk-action-danger,.bulk-actions-dropdown .bulk-action-danger{color:var(--color-error-light)!important}.bulk-action-danger:hover,.bulk-actions-dropdown .bulk-action-danger:hover{color:var(--color-error-light)!important;background:#ef444426!important}.bulk-action-danger svg,.bulk-actions-dropdown .bulk-action-danger svg{color:var(--color-error-light)!important}.bulk-actions-dropdown [role=separator]{background:#ffffff14;height:1px;margin:6px 0}@media(max-width:768px){.bulk-actions-bar{bottom:90px;left:16px;right:16px;transform:none}.bulk-actions-bar-content{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:12px 16px}.bulk-action-btn span{display:none}.bulk-action-btn{padding:10px}.bulk-actions-primary{flex-wrap:wrap;justify-content:center}.bulk-actions-divider{display:none}}@media(max-width:480px){.bulk-actions-bar{bottom:100px}.bulk-actions-selection{border-bottom:1px solid var(--gray-700);justify-content:center;width:100%;margin-bottom:4px;padding-bottom:8px}.bulk-actions-primary{width:100%}}.context-panel{background:var(--color-bg-card);border-left:1px solid var(--color-border-default);flex-direction:column;flex-shrink:0;width:320px;height:100%;display:flex;overflow:hidden!important}.panel-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.panel-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.panel-content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.info-section{gap:var(--space-2);flex-direction:column;display:flex}.info-row{padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.info-label{align-items:center;gap:var(--space-1-5);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.info-label svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.info-value{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.info-value.due{color:var(--color-warning-text)}.quick-stats{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(3,1fr);display:grid}.quick-stat{text-align:center;align-items:center;gap:var(--space-0-5);flex-direction:column;display:flex}.quick-stat-label{font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.quick-stat-value{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.quick-stat-value.risk{color:var(--color-warning-text)}.quick-stat-value.danger{color:var(--color-error-text)}.context-panel .expandable-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:visible}.context-panel .section-toggle{width:100%;padding:var(--space-2-5) var(--space-3);background:var(--color-bg-neu-raised);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:space-between;align-items:center;display:flex}.context-panel .section-toggle:hover{background:var(--color-bg-button-hover)}.context-panel .section-label{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;display:flex}.context-panel .section-label svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-text-secondary)}.context-panel .section-label.warning{color:var(--color-warning-text)}.context-panel .section-label.warning svg{color:var(--color-warning)}.context-panel .section-toggle>svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-text-tertiary)}.context-panel .section-content{padding:var(--space-3);background:var(--color-bg-card);border-top:1px solid var(--color-border-subtle)}.context-panel .activity-timeline{gap:var(--space-3);flex-direction:column;padding-left:0;display:flex;position:static}.context-panel .activity-timeline:before{display:none}.context-panel .activity-item{gap:var(--space-3);box-shadow:none;background:0 0;border-radius:0;align-items:flex-start;padding:0;display:flex}.context-panel .activity-item:hover{background:0 0}.context-panel .activity-icon{border-radius:var(--radius-md);background:var(--color-bg-neu-sunken);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.context-panel .activity-icon svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-text-secondary)}.context-panel .activity-content{flex:1;min-width:0}.context-panel .activity-description{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal);margin:0}.context-panel .activity-meta{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-0-5);display:block}.context-panel .compliance-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.context-panel .compliance-item{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--space-3);position:relative}.context-panel .compliance-item:before{content:"";border-radius:var(--radius-full);background:var(--color-warning);width:4px;height:4px;position:absolute;top:8px;left:0}.regulatory-alert{gap:var(--space-2);padding:var(--space-3);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);align-items:flex-start;display:flex}.regulatory-alert>svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-warning);flex-shrink:0}.regulatory-alert>div{gap:var(--space-0-5);flex-direction:column;display:flex}.regulatory-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning-dark)}.regulatory-date{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.add-note-section{gap:var(--space-2);flex-direction:column;display:flex}.add-note-section .section-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.note-input{width:100%;padding:var(--space-2-5) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-md);resize:vertical;min-height:60px;transition:var(--transition-fast)}.note-input::placeholder{color:var(--color-text-placeholder)}.note-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-ring);outline:none}.add-note-section .btn{align-self:flex-end}.quick-links-section{gap:var(--space-2);flex-direction:column;display:flex}.quick-links-section .section-title{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.quick-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.quick-link-btn{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5);background:var(--color-bg-neu-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);display:inline-flex}.quick-link-btn svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.quick-link-btn:hover{background:var(--color-bg-button-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.quick-link-btn:active{background:var(--color-bg-element-active)}.action-bar{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border-top:1px solid var(--color-border-default);display:flex}.action-bar .btn{min-width:100px}.action-bar .btn-success{min-width:140px}@media(max-width:1024px){.context-panel{width:280px}.quick-stats{gap:var(--space-2)}.quick-stat-value{font-size:var(--font-size-lg)}}@media(max-width:768px){.context-panel{z-index:20;width:300px;transition:transform .3s;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.context-panel.open{transform:translate(0)}}.table-container{background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);min-height:0;margin:0 var(--space-4) 0 0;flex:1;overflow:auto;box-shadow:0 1px 3px #0000000f,0 2px 8px #0000000a}.table,.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px;font-size:12px;display:table}.table thead,.data-table thead{z-index:10;display:table-header-group;position:sticky;top:0}.table thead tr,.data-table thead tr{background:var(--color-bg-secondary);display:table-row}.table thead tr th:first-child,.data-table thead tr th:first-child{border-top-left-radius:var(--radius-xl)}.table thead tr th:last-child,.data-table thead tr th:last-child{border-top-right-radius:var(--radius-xl)}.table th,.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-default);white-space:nowrap;-webkit-user-select:none;user-select:none;display:table-cell;position:relative}.table th:after,.data-table th:after{content:"";background:var(--color-border-subtle);width:1px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.table th:last-child:after,.data-table th:last-child:after{display:none}.table th.sortable,.data-table th.sortable,.table-header-sortable{cursor:pointer;transition:all var(--transition-fast)}.table th.sortable:hover,.data-table th.sortable:hover,.table-header-sortable:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.table-header-content,.th-content{align-items:center;gap:var(--space-1);display:flex}.sort-icon,.sort-icon-inactive{opacity:.3;transition:opacity var(--transition-fast)}.table th:hover .sort-icon,.data-table th:hover .sort-icon,.table-header-sortable:hover .sort-icon-inactive{opacity:.6}.table th.sorted .sort-icon,.data-table th.sorted .sort-icon{opacity:1;color:var(--color-text-primary)}.table tbody,.data-table tbody{display:table-row-group}.table td,.data-table td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;background:inherit;font-size:12px;display:table-cell}.table tbody tr,.data-table tbody tr,.table-row{background:var(--color-surface-card);display:table-row;position:relative}.table tbody tr:nth-child(2n),.data-table tbody tr:nth-child(2n){background:var(--color-surface-card)}.table tbody tr:hover,.data-table tbody tr:hover,.table-row:hover{box-shadow:inset 3px 0 0 var(--color-interactive-default);background:var(--color-bg-hover)!important}.table-row-selected,.table-row.selected{box-shadow:inset 3px 0 0 var(--color-text-primary);background:var(--gray-100)!important}.table-row-selected:hover,.table-row.selected:hover{background:var(--gray-150)!important}.table-cell{white-space:nowrap}.table-cell-center{text-align:center}.col-checkbox,.checkbox-column,.table-cell-checkbox{text-align:center;width:48px;padding:var(--space-3) var(--space-2)!important}.col-name,.table-cell-name{min-width:200px}.cell-name,.name-cell{align-items:center;gap:var(--space-2);display:flex}.cell-name-info,.client-name-wrapper{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.cell-name-full,.client-name-link{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cell-name-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.table-cell-login{gap:var(--space-1);flex-direction:column;display:flex}.login-primary{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.login-external{font-size:var(--font-size-xs);color:var(--color-text-muted)}.col-amount,.table-cell-currency{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right;font-variant-numeric:tabular-nums}.amount-positive,.currency-value-positive{color:var(--color-success)}.amount-negative,.currency-value-negative{color:var(--color-error)}.col-number,.table-cell-numeric{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-secondary)}.col-date,.table-cell-date{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:var(--space-1-5);display:flex}.transaction-type{align-items:center;gap:var(--space-1-5);font-weight:var(--font-weight-medium);display:inline-flex}.payment-method{align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize;display:inline-flex}.col-country{min-width:150px}.cell-country,.country-cell{align-items:center;gap:var(--space-2);display:flex}.cell-country-flag,.country-code{min-width:28px;height:20px;padding:0 var(--space-1);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);letter-spacing:.02em;justify-content:center;align-items:center;display:inline-flex}.col-boolean{min-width:80px}.bool-true{color:var(--color-success);font-weight:var(--font-weight-medium)}.bool-false{color:var(--color-text-muted)}.col-actions,.table-cell-actions{min-width:120px;padding:var(--space-2) var(--space-3)!important}.actions-group{align-items:center;gap:var(--space-1);display:flex}.table-row:hover .actions-group--hover,.data-table tbody tr:hover .actions-group--hover{opacity:1}.actions-group--hover{opacity:0;transition:opacity var(--transition-fast)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;display:inline-flex}.badge-sm{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-2xs)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--gray-100);color:var(--color-text-primary)}.badge-muted{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;display:inline-flex}.platform-badge{padding:var(--space-1) var(--space-2);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;align-items:center;display:inline-flex}.client-link{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:inline-flex}.client-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.star-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.star-btn svg{width:16px;height:16px}.star-btn:hover{color:var(--color-star);background:var(--color-star-bg)}.star-btn.starred,.star-btn-active{color:var(--color-star)}.btn-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-icon.btn-sm{width:28px;height:28px}.table-footer,.pagination-container{padding:var(--space-4) 0 0;background:var(--color-surface-card);justify-content:space-between;align-items:center;display:flex}.table-footer-left{align-items:center;gap:var(--space-3);display:flex}.table-footer-right{align-items:center;gap:var(--space-2);display:flex}.result-count,.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination-controls{align-items:center;gap:var(--space-1);display:flex}.pagination-btn,.page-btn{min-width:36px;height:36px;padding:0 var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled):not(.active),.page-btn:hover:not(:disabled):not(.active){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.pagination-btn.active,.page-btn.active{background:var(--color-interactive-default);color:var(--color-text-inverse);border-color:var(--color-interactive-default)}.pagination-btn:disabled,.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{align-items:center;gap:var(--space-1);display:flex}.page-dots{min-width:36px;height:36px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.per-page{align-items:center;gap:var(--space-2);display:flex}.per-page-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.per-page-select{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex}.per-page-select:hover{border-color:var(--color-border-strong)}.table-empty,.empty-state-cell{padding:var(--space-16);text-align:center}.empty-state-cell{justify-content:center;align-items:center;gap:var(--space-4);color:var(--color-text-muted);flex-direction:column;display:flex}.table-empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-muted)}.table-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.table-empty-description{font-size:var(--font-size-base);color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.username-chip{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.username-chip:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.username-chip:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.username-chip-icon{width:14px;height:14px;color:var(--gray-400);transition:color .2s}.username-chip:hover .username-chip-icon{color:var(--color-text-inverse)}.dark .table-container{background:var(--gray-100);border:1px solid var(--gray-400);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px #0000004d}.dark .table thead tr,.dark .data-table thead tr{background:var(--gray-150)}.dark .table th,.dark .data-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--gray-400)}.dark .table th:after,.dark .data-table th:after{background:var(--gray-400)}.dark .table th.sortable:hover,.dark .data-table th.sortable:hover,.dark .table-header-sortable:hover{background:var(--gray-200);color:var(--color-text-primary)}.dark .table tbody tr,.dark .data-table tbody tr,.dark .table-row{background:var(--gray-100)}.dark .table tbody tr:nth-child(2n),.dark .data-table tbody tr:nth-child(2n){background:var(--gray-50)}.dark .table td,.dark .data-table td{border-bottom:1px solid var(--gray-300);color:var(--color-text-primary)}.dark .table tbody tr:hover,.dark .data-table tbody tr:hover,.dark .table-row:hover{box-shadow:inset 3px 0 0 var(--color-primary);background:var(--gray-200)!important}.dark .table-row-selected,.dark .table-row.selected{box-shadow:inset 3px 0 0 var(--color-text-primary);background:var(--gray-200)!important}.dark .badge-success{color:var(--color-success);box-shadow:none;background:#10b98126}.dark .badge-warning{color:var(--color-warning);box-shadow:none;background:#f59e0b26}.dark .badge-error{color:var(--color-error);box-shadow:none;background:#ef444426}.dark .badge-info{background:var(--gray-200);color:var(--color-text-primary);box-shadow:none}.dark .badge-muted{background:var(--gray-200);color:var(--color-text-muted);border:1px solid var(--gray-400)}.dark .status-badge{border:1px solid #0000}.dark .platform-badge{box-shadow:none}.dark .amount-positive,.dark .currency-value-positive{color:var(--color-success);text-shadow:none}.dark .amount-negative,.dark .currency-value-negative{color:var(--color-error);text-shadow:none}.dark .btn-icon{background:var(--gray-200);border:1px solid var(--gray-400);color:var(--color-text-secondary);transition:all .2s}.dark .btn-icon:hover{background:var(--gray-250);border-color:var(--color-primary);color:var(--color-primary)}.dark .star-btn{background:var(--gray-200);border:1px solid var(--gray-400)}.dark .star-btn:hover{border-color:var(--color-star);box-shadow:none;background:#fbbf2426}.dark .star-btn.starred,.dark .star-btn-active{color:var(--color-star);text-shadow:none}.dark .pagination-btn,.dark .page-btn{background:var(--gray-200);border:1px solid var(--gray-400);color:var(--color-text-secondary);transition:all .2s}.dark .pagination-btn:hover:not(:disabled):not(.active),.dark .page-btn:hover:not(:disabled):not(.active){background:var(--gray-250);border-color:var(--gray-500);color:var(--color-text-primary)}.dark .pagination-btn.active,.dark .page-btn.active{background:var(--color-primary);color:#fff;box-shadow:none;border-color:#0000}.dark .per-page-select{background:var(--gray-200);border:1px solid var(--gray-400);color:var(--color-text-primary)}.dark .per-page-select:hover{border-color:var(--gray-500)}.dark .table-empty,.dark .empty-state-cell{color:var(--color-text-muted)}.dark .table-empty-icon{color:var(--color-text-tertiary)}.dark .table-empty-title{color:var(--color-text-primary)}.dark .table-empty-description{color:var(--color-text-secondary)}.dark .username-chip{background:linear-gradient(135deg,var(--gray-200) 0%,var(--gray-250) 100%);border:1px solid var(--gray-400);color:var(--color-text-primary);box-shadow:0 1px 3px #0003}.dark .username-chip:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--gray-100);box-shadow:0 2px 12px #ffffff1a}.dark .username-chip:active{box-shadow:0 1px 4px #ffffff14}.dark .username-chip-icon{color:var(--gray-500)}.dark .username-chip:hover .username-chip-icon{color:var(--gray-100)}}:root{--color-brand-primary:var(--gray-900);--color-brand-secondary:#2563eb;--color-brand-dark:#1d4ed8;--color-brand-light:#60a5fa;--color-brand-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--color-brand-glow:#3b82f626;--color-accent-teal:#0ea5e9;--color-accent-teal-dark:#0284c7;--color-text-dark:#020617;--color-text-navy:#1e293b}.dark{--color-brand-primary:#60a5fa;--color-brand-secondary:#3b82f6;--color-brand-dark:#2563eb;--color-brand-light:#93c5fd;--color-brand-gradient:linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--color-brand-glow:#60a5fa33;--color-accent-teal:#22d3ee;--color-accent-teal-dark:#06b6d4;--color-text-dark:#f8f8f8;--color-text-navy:#e0e0e0}.dark ::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}.dark ::-webkit-scrollbar-thumb{background:var(--color-border-default)}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);max-width:100vw;min-height:100vh;margin:0;line-height:1.5;overflow-x:hidden}#root{max-width:100vw;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.skip-link{z-index:9999;width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{top:var(--space-4);left:var(--space-4);width:auto;height:auto;padding:var(--space-3) var(--space-4);background:var(--color-brand-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;font-weight:600;text-decoration:none;position:fixed}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only:focus,.sr-only-focusable:focus{width:auto;height:auto;padding:inherit;clip:auto;white-space:normal;margin:0;position:static;overflow:visible}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{background:var(--color-bg-tertiary);animation:none}}@media(prefers-contrast:high){:root{--color-border-subtle:#000;--color-border-default:#000;--color-text-tertiary:#333;--color-text-muted:#555}.dark{--color-border-subtle:#fff;--color-border-default:#fff;--color-text-tertiary:#ccc;--color-text-muted:#aaa}.btn,.badge,.input{border-width:2px}:focus-visible{outline-width:3px}}@media(forced-colors:active){.btn-primary,.btn-secondary,.btn-ghost{border:2px solid buttontext}.btn-primary:focus,.btn-secondary:focus,.btn-ghost:focus{outline:3px solid highlight}.badge{border:1px solid canvastext}a{text-decoration:underline}}::selection{background:var(--color-brand-primary);color:#fff}.text-gradient{background:var(--color-brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--color-surface-card);-webkit-backdrop-filter:blur(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);border:none;font-size:.875rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);background:var(--color-bg-secondary);border:1px solid var(--color-border-input);border-radius:var(--radius-xl);color:var(--color-text-primary);transition:all var(--transition-base);font-size:.875rem}.input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-glow);outline:none}.input::placeholder{color:var(--color-text-muted)}.card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-tertiary)}.card-body{padding:var(--space-5)}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-subtle)}.table th{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-tertiary);font-size:.75rem;font-weight:600}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:nth-child(2n){background:var(--color-bg-row-alt)}.table tbody tr:hover{background:var(--color-bg-hover)}.avatar{border-radius:var(--radius-full);background:var(--color-bg-hover);color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.avatar-sm{width:28px;height:28px}.avatar-md{width:36px;height:36px}.avatar-lg{width:44px;height:44px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);padding:var(--space-2) var(--space-3);white-space:nowrap;background:var(--color-text-dark);border-radius:var(--radius-sm);color:#fff;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;z-index:100;font-size:.75rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1;visibility:visible}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.dark body,.dark .bg-bg-secondary{background-attachment:fixed;background:var(--gray-0)!important}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:var(--gray-150);border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.dark header,.dark [class*=border-b][class*=bg-bg]{background:var(--gray-100);border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:none}.dark input[type=search],.dark input[type=text],.dark .input,.dark .select{box-shadow:none;background:var(--gray-150)!important;border:1px solid var(--color-border-input)!important}.dark [cmdk-input-wrapper] input{box-shadow:none!important;background:0 0!important;border:none!important}.dark input[type=search]:focus,.dark input[type=text]:focus,.dark .input:focus,.dark .select:focus{border-color:var(--color-primary)!important;box-shadow:none!important}.dark .bg-success-bg-gradient{box-shadow:none;background:#10b98126!important}.dark .bg-warning-bg-gradient{box-shadow:none;background:#f59e0b26!important}.dark .bg-error-bg-gradient{box-shadow:none;background:#ef444426!important}.dark .bg-info-bg-gradient{box-shadow:none;background:#00b4dc26!important}.dark .bg-bg-card:hover,.dark [class*=rounded-xl][class*=border][class*=shadow]:hover{background:var(--gray-100)!important;border-color:var(--color-border-default)!important;transform:none!important;box-shadow:0 2px 8px #0000004d!important}.dark .activity-item:hover,.dark .guided-action-item:hover,.dark .widget-list-item:hover{background:inherit!important;transform:none!important}.dark table tr:hover{background:var(--color-table-row-hover)!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-space-x-reverse:0}}}