@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&family=Space+Mono:wght@400;700&family=Syne:wght@700;800&family=Inter:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}*,:before,:after{box-sizing:border-box}html,body,#root{background-color:var(--ss-bg)!important;width:100%!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}body{color:var(--ss-text-primary);font-family:var(--ss-font,"Poppins", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-weight-smoothing:grayscale;font-size:1rem;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}html.ss-theme-transitioning,html.ss-theme-transitioning *,html.ss-theme-transitioning :before,html.ss-theme-transitioning :after{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,opacity .25s!important}:root,[data-theme=light]{--ss-font:"Poppins", sans-serif;--ss-mono:"IBM Plex Mono", monospace;--ss-font-logo:"Syne", sans-serif;--ss-font-main:"Plus Jakarta Sans", sans-serif;--ss-font-classic:"DM Sans", sans-serif;--ss-font-classic-mono:"DM Mono", monospace;--ss-font-receipt:"Space Mono", monospace;--ss-primary:#1d2433;--ss-primary-hover:#141923;--ss-primary-active:#0b0d12;--ss-trusted:#1d2433;--ss-theme:#774ecb;--ss-theme-hover:#6e3fcd;--ss-theme-active:#6134bd;--ss-theme-border:#774ecb;--ss-theme-lt:#774ecb14;--ss-bg:#f4f4fc;--ss-layer-00:#f8f8f8;--ss-layer-01:#fff;--ss-layer-01-rgb:255, 255, 255;--ss-layer-02:#f1f1f1;--ss-layer-03:#e8e8e8;--ss-layer-04:#ddd;--ss-border-01:#d0d2d3;--ss-border-02:#bbbdbf;--ss-border-03:#a6a8ab;--ss-text-primary:#1c2433;--ss-text-secondary:#394664;--ss-text-helper:#646e99;--ss-text-disabled:#a6a8ab;--ss-text-inverse:#fff;--ss-text-white:#fff;--ss-btn-tertiary:#1d2433;--ss-btn-tertiary-hover:#141923;--ss-btn-tertiary-active:#0b0d12;--ss-btn-secondary:#8b94b9;--ss-btn-secondary-hover:#828bae;--ss-btn-sec-active:#717aa0;--ss-highlight:#fbcc24;--ss-highlight-hover:#e8b602;--ss-highlight-active:#cfa205;--ss-danger:#dc2626;--ss-danger-lt:#fce8e6;--ss-warn:#f59e0b;--ss-warn-lt:#fef3c7;--ss-success:#16a34a;--ss-success-lt:#dcfce7;--ss-disabled:#e6e7e8;--ss-chat-bg:#eeeefc;--ss-chat-input:#fff;--glass-bg:#0000000d;--glass-border:#0000001f;--glass-shadow:#00000014;--glass-text:#1a1a1a;--glass-helper:#555;--glass-card-bg:linear-gradient(135deg, #fffffff2 0%, #fffc 100%);--ss-status-present:#16a34a;--ss-status-present-light:#22c55e;--ss-status-present-bg:#16a34a1a;--ss-status-absent:#ef4444;--ss-status-absent-light:#f87171;--ss-status-absent-bg:#ef44441a;--ss-status-weekoff:#3b82f6;--ss-status-weekoff-light:#60a5fa;--ss-status-weekoff-bg:#3b82f61a;--ss-status-leave:#f59e0b;--ss-status-leave-light:#fbbf24;--ss-status-leave-bg:#f59e0b1a;--ss-status-reliever:#a855f7;--ss-status-reliever-light:#c084fc;--ss-status-reliever-bg:#a855f71a;--ss-status-open:#fbcc24;--ss-status-open-bg:#fbcc241a;--ss-status-progress:#3b82f6;--ss-status-progress-bg:#3b82f61a;--ss-status-closed:#10b981;--ss-status-closed-bg:#10b9811a;--ss-status-pending:#ffab00;--ss-status-pending-bg:#ffab0026;--ss-status-completed:#00e676;--ss-status-completed-bg:#00e67626;--ss-grad:linear-gradient(135deg, #1d2433 0%, #774ecb 100%);--ss-grad-theme:linear-gradient(135deg, #774ecb 0%, #6134bd 100%);--ss-sh:0 2px 10px #1d243312;--ss-sh-md:0 4px 20px #774ecb26;--ss-sh-lg:0 8px 32px #774ecb38}[data-theme=dark]{--ss-font:"Poppins", sans-serif;--ss-mono:"IBM Plex Mono", monospace;--ss-font-logo:"Syne", sans-serif;--ss-font-main:"Plus Jakarta Sans", sans-serif;--ss-font-classic:"DM Sans", sans-serif;--ss-font-classic-mono:"DM Mono", monospace;--ss-font-receipt:"Space Mono", monospace;--ss-primary:#774ecb;--ss-primary-hover:#8b61e0;--ss-primary-active:#6134bd;--ss-trusted:#000;--ss-theme:#9d76ef;--ss-theme-hover:#af8bff;--ss-theme-active:#8b61e0;--ss-theme-border:#af8bff;--ss-theme-lt:#9d76ef33;--ss-bg:#000;--ss-layer-00:#080808;--ss-layer-01:#121212;--ss-layer-01-rgb:18, 18, 18;--ss-layer-02:#1c1c1c;--ss-layer-03:#262626;--ss-layer-04:#333;--ss-border-01:#222;--ss-border-02:#2a2a2a;--ss-border-03:#333;--ss-text-primary:#fff;--ss-text-secondary:#e0e0e0;--ss-text-helper:#999;--ss-text-disabled:#555;--ss-text-inverse:#000;--ss-text-white:#fff;--ss-btn-tertiary:#fff;--ss-btn-tertiary-hover:#f0f0f0;--ss-btn-tertiary-active:#e0e0e0;--ss-btn-secondary:#1c1c1c;--ss-btn-secondary-hover:#262626;--ss-btn-sec-active:#151515;--ss-highlight:#fbcc24;--ss-highlight-hover:#e8b602;--ss-highlight-active:#cfa205;--ss-danger:#ff4d4d;--ss-danger-lt:#ff4d4d26;--ss-warn:#fc0;--ss-warn-lt:#ffcc0026;--ss-success:#00e676;--ss-success-lt:#00e67626;--ss-disabled:#1a1a1a;--ss-chat-bg:#121212;--ss-chat-input:#000;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-shadow:#0003;--glass-text:#ffffffe6;--glass-helper:#ffffff80;--glass-card-bg:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--ss-status-present:#00e676;--ss-status-present-light:#00e676;--ss-status-present-bg:#00e67626;--ss-status-absent:#ff4d4d;--ss-status-absent-light:#ff4d4d;--ss-status-absent-bg:#ff4d4d26;--ss-status-weekoff:#3b82f6;--ss-status-weekoff-light:#60a5fa;--ss-status-weekoff-bg:#3b82f61a;--ss-status-leave:#fc0;--ss-status-leave-light:#fc0;--ss-status-leave-bg:#ffcc0026;--ss-status-reliever:#a855f7;--ss-status-reliever-light:#c084fc;--ss-status-reliever-bg:#a855f71a;--ss-status-open:#fbcc24;--ss-status-open-bg:#fbcc241a;--ss-status-progress:#3b82f6;--ss-status-progress-bg:#3b82f61a;--ss-status-closed:#10b981;--ss-status-closed-bg:#10b9811a;--ss-status-pending:#ffab00;--ss-status-pending-bg:#ffab0026;--ss-status-completed:#00e676;--ss-status-completed-bg:#00e67626;--ss-grad:linear-gradient(135deg, #9d76ef 0%, #774ecb 100%);--ss-grad-theme:linear-gradient(135deg, #9d76ef 0%, #774ecb 100%);--ss-sh:0 4px 12px #00000080;--ss-sh-md:0 8px 24px #0009;--ss-sh-lg:0 12px 48px #000000b3}:root{--ss-ease-standard:cubic-bezier(.4, 0, .2, 1);--ss-ease-entrance:cubic-bezier(0, 0, .2, 1);--ss-ease-exit:cubic-bezier(.4, 0, 1, 1);--ss-ease-premium:cubic-bezier(.16, 1, .3, 1);--ss-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ss-dur-fast:.15s;--ss-dur-normal:.3s;--ss-dur-slow:.5s;--ss-dur-premium:.4s}@keyframes ssFadeIn{0%{opacity:0;filter:blur(4px);transform:scale(.99)translateY(4px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes ssSlideUp{0%{opacity:0;filter:blur(8px);transform:translateY(24px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes ssScaleIn{0%{opacity:0;filter:brightness(.7)blur(10px);transform:scale(.9)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}@keyframes ssBlurIn{0%{opacity:0;filter:blur(20px);transform:scale(1.05)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes ssSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ssSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ss-fade-in{animation:ssFadeIn .6s var(--ss-ease-premium) forwards}.ss-slide-up{animation:ssSlideUp .8s var(--ss-ease-premium) forwards}.ss-scale-in{animation:ssScaleIn .6s var(--ss-ease-premium) forwards}.ss-blur-in{animation:ssBlurIn .8s var(--ss-ease-premium) forwards}.ss-slide-down{animation:ssSlideDown .2s var(--ss-ease-premium) forwards}.ss-slide-in-left{animation:ssSlideInLeft .4s var(--ss-ease-premium) forwards}.animate-fade-in{animation:ssFadeIn .4s var(--ss-ease-entrance) forwards}.ss-hover-scale{transition:transform .5s var(--ss-ease-premium), filter .5s var(--ss-ease-premium)}.ss-hover-scale:hover{filter:brightness(1.05);transform:scale(1.02)}.ss-hover-lift{transition:transform .5s var(--ss-ease-premium), box-shadow .5s var(--ss-ease-premium), filter .5s var(--ss-ease-premium)}.ss-hover-lift:hover{filter:brightness(1.02);transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px #774ecb1f}.ss-active-press{transition:transform .15s var(--ss-ease-standard)}.ss-active-press:active{transform:scale(.965)}.skeleton{background-color:var(--ss-layer-03,#0000000a);border-radius:inherit;animation:1.8s ease-in-out infinite ssSkeletonPulse;position:relative;overflow:hidden;border:none!important}.skeleton:after{content:"";filter:blur(8px);background:linear-gradient(90deg,#fff0 0%,#ffffff05 20%,#ffffff26 50%,#ffffff05 80%,#fff0 100%);animation:2s cubic-bezier(.4,0,.2,1) infinite ssShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes ssShimmer{0%{transform:translate(-150%)}65%,to{transform:translate(150%)}}@keyframes ssSkeletonPulse{0%,to{opacity:.85}50%{opacity:1}}[data-theme=dark] .skeleton{background-color:var(--ss-layer-02,#ffffff08)}.ss-btn-primary,.modern-btn-primary{background:var(--ss-grad-theme);color:#fff;letter-spacing:.03em;height:40px;box-shadow:var(--ss-sh-glow-sm);transition:all .3s var(--ss-ease-premium);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex}.ss-btn-primary:hover,.modern-btn-primary:hover{box-shadow:var(--ss-sh-glow-md);transform:translateY(-2px)}.ss-btn-primary:active,.modern-btn-primary:active{transform:scale(.97)}.ss-btn-primary:disabled,.modern-btn-primary:disabled{cursor:not-allowed;box-shadow:none;transform:none;background:var(--ss-border-01)!important;color:var(--ss-text-helper)!important}.ss-btn-secondary,.modern-btn-secondary{background:var(--ss-layer-02);color:var(--ss-text-primary);border:1.5px solid var(--ss-border-01);height:40px;transition:all .3s var(--ss-ease-premium);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.ss-btn-secondary:hover,.modern-btn-secondary:hover{background:var(--ss-layer-03);border-color:var(--ss-theme);color:var(--ss-theme);transform:translateY(-2px)}.ss-btn-danger{color:#ff4d4d;height:40px;transition:all .3s var(--ss-ease-premium);cursor:pointer;background:#fff5f5;border:2px solid #fcc;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.dark .ss-btn-danger{background:#ff4d4d26;border-color:#ff4d4d4d}.grad-btn{background:var(--ss-grad-theme);color:#fff;cursor:pointer;height:40px;box-shadow:var(--ss-sh-glow-sm);transition:all .3s var(--ss-ease-premium);border:none;border-radius:12px;padding:0 20px;font-size:13px;font-weight:700}.grad-btn:hover{box-shadow:var(--ss-sh-glow-md);transform:translateY(-2px)}.grad-btn:disabled{cursor:not-allowed;box-shadow:none;background:var(--ss-border-01)!important;color:var(--ss-text-helper)!important}.modern-input,.reports-control{border:1.5px solid var(--ss-border-01);background:var(--ss-layer-02);width:100%;height:40px;color:var(--ss-text-primary);font-size:13px;font-weight:600;font-family:var(--ss-font);transition:all .25s var(--ss-ease-standard);border-radius:12px;outline:none;padding:0 14px;box-shadow:inset 0 2px 4px #00000005}.modern-input:hover,.reports-control:hover{border-color:var(--ss-border-01)}@supports (color:color-mix(in lab, red, red)){.modern-input:hover,.reports-control:hover{border-color:color-mix(in srgb, var(--ss-border-01) 50%, var(--ss-theme))}}.modern-input:focus,.reports-control:focus{border-color:var(--ss-theme);box-shadow:0 0 0 4px var(--ss-theme-lt), 0 4px 12px #0000000d;transform:translateY(-1px)}.modern-input[readonly],.reports-control[readonly]{opacity:.9;cursor:not-allowed;color:var(--ss-text-helper)}.glass-card{background:var(--ss-layer-01)}@supports (color:color-mix(in lab, red, red)){.glass-card{background:color-mix(in srgb, var(--ss-layer-01) 85%, transparent)}}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh);transition:all .3s var(--ss-ease-premium);border-radius:20px}.glass-card:hover{border-color:var(--ss-theme);box-shadow:var(--ss-sh-md);transform:translateY(-4px)}.premium-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 40px var(--glass-shadow);transition:all .3s var(--ss-ease-premium);border-radius:20px;position:relative;overflow:hidden}.premium-card:hover{border-color:var(--ss-theme);transform:translateY(-4px)}.premium-card:hover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);animation:2s infinite ssShimmer;position:absolute;inset:0}.report-stat-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:all .4s var(--ss-ease-premium);border-radius:12px;padding:6px 10px}.report-stat-card:hover{background:var(--ss-grad-theme);box-shadow:0 15px 30px #7c4dff40}.report-stat-card:hover *{color:#fff!important}.modern-report-table{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--ss-font)}.modern-report-table th{z-index:20;background:var(--ss-layer-02);text-transform:uppercase;color:var(--ss-theme);letter-spacing:.06em;text-align:left;border-bottom:2px solid #774ecb4d;padding:10px 14px;font-size:12.5px;font-weight:800;position:sticky;top:0}.modern-report-table td{color:var(--ss-text-secondary);border-bottom:1px solid var(--glass-border);padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.modern-report-table tbody tr:hover td{background:var(--ss-theme-lt);color:var(--ss-text-primary);transform:translate(4px)}.modern-report-table tbody tr:nth-child(2n) td{background:var(--glass-bg)}.modern-report-table tfoot td{background:var(--ss-layer-02);font-weight:800;position:sticky;bottom:0;box-shadow:0 -2px 5px #00000014}.ss-nav-pill{background:var(--ss-layer-02);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh);border-radius:16px;gap:4px;padding:4px;display:inline-flex}.ss-nav-link-v2{height:40px;color:var(--ss-text-helper);transition:all .25s var(--ss-ease-premium);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.ss-nav-link-v2.active{background:var(--ss-layer-01);color:var(--ss-theme);border-color:var(--ss-border-01);box-shadow:0 4px 12px #00000014}.report-tab-btn{color:var(--ss-text-helper);cursor:pointer;transition:all .25s var(--ss-ease-premium);background:0 0;border:none;border-radius:12px;padding:8px 18px;font-size:12.5px;font-weight:700}.report-tab-btn:hover{color:var(--ss-text-primary);background:var(--ss-layer-02)}.report-tab-btn.active{background:var(--ss-grad-theme);color:#fff;box-shadow:0 8px 20px #7c4dff40}.ss-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-flex}.ss-badge-purple{color:var(--ss-theme);background:#774ecb1a;border:1px solid #774ecb33}.ss-badge-green{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.ss-badge-yellow{color:#fbcc24;background:#fbcc241a}.ss-badge-blue{color:#3b82f6;background:#3b82f61a}.ss-badge-red{color:#ef4444;background:#ef44441a}.custom-popover{background:var(--ss-layer-02);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh-lg);-webkit-backdrop-filter:blur(20px);z-index:10000;border-radius:16px;animation:.2s ease-out ssSlideDown;overflow:hidden}.popover-item{cursor:pointer;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.popover-item:hover{background:var(--ss-theme-lt);color:var(--ss-theme)}.popover-item.active{background:var(--ss-grad-theme);color:#fff}.ss-toast{background:rgba(var(--ss-layer-01-rgb), .9);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh-lg);letter-spacing:-.02em;border-radius:16px;padding:8px 16px;font-size:12.5px;font-weight:700}.ss-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}.ss-modal-card{background:var(--ss-layer-01);border:1px solid var(--ss-border-01);animation:ssScaleIn .3s var(--ss-ease-bounce);border-radius:28px;box-shadow:0 25px 50px -12px #00000040}.reports-scroll::-webkit-scrollbar{width:8px}.reports-scroll::-webkit-scrollbar-thumb{background:#774ecb1a;border-radius:10px}.reports-scroll::-webkit-scrollbar-thumb:hover{background:#774ecb4d}@layer theme{:root,:host{--font-sans:var(--ss-font);--font-mono:var(--ss-mono);--color-red-500:oklch(63.7% .237 25.331);--color-amber-500:oklch(76.9% .188 70.08);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-800:oklch(27.9% .041 260.031);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-xl:36rem;--container-4xl:56rem;--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:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--ss-bg);--color-surface:var(--ss-layer-02);--color-card:var(--ss-layer-01);--color-border:var(--ss-border-01);--color-border-subtle:var(--ss-border-02);--color-border-strong:var(--ss-border-03);--color-text-main:var(--ss-text-primary);--color-text-muted:var(--ss-text-helper);--color-brand-primary:var(--ss-theme);--color-primary:var(--ss-primary);--color-accent:var(--ss-theme-hover);--font-display:var(--ss-font-main)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-1\/4{top:-25%}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-10{top:calc(var(--spacing) * 10)}.-right-1\/4{right:-25%}.-right-3{right:calc(var(--spacing) * -3)}.-right-24{right:calc(var(--spacing) * -24)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.-left-1\/4{left:-25%}.left-0{left:calc(var(--spacing) * 0)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.m-1{margin:calc(var(--spacing) * 1)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-32{margin-top:calc(var(--spacing) * 32)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-column{display:table-column}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-\[400px\]{height:400px}.h-\[600px\]{height:600px}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-full{height:100%}.max-h-\[350px\]{max-height:350px}.min-h-\[calc\(100vh-140px\)\]{min-height:calc(100vh - 140px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-64{width:calc(var(--spacing) * 64)}.w-\[64px\]{width:64px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[1400px\]{max-width:1400px}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.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-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(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(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-\[40px\]{border-radius:40px}.rounded-\[50px\]{border-radius:50px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.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-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#774ECB\]\/20{border-color:oklab(53.458% .0764145 -.168448/.2)}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-border\/5{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/5{border-color:color-mix(in oklab, var(--color-border) 5%, transparent)}}.border-border\/20{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/20{border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}}.border-border\/40{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/40{border-color:color-mix(in oklab, var(--color-border) 40%, transparent)}}.border-brand-primary,.border-brand-primary\/20{border-color:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.border-brand-primary\/20{border-color:color-mix(in oklab, var(--color-brand-primary) 20%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#774ECB\]\/10{background-color:oklab(53.458% .0764145 -.168448/.1)}.bg-accent\/5{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/5{background-color:color-mix(in oklab, var(--color-accent) 5%, transparent)}}.bg-background{background-color:var(--color-background)}.bg-border{background-color:var(--color-border)}.bg-border-strong{background-color:var(--color-border-strong)}.bg-border\/20{background-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.bg-border\/20{background-color:color-mix(in oklab, var(--color-border) 20%, transparent)}}.bg-brand-primary,.bg-brand-primary\/5{background-color:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.bg-brand-primary\/5{background-color:color-mix(in oklab, var(--color-brand-primary) 5%, transparent)}}.bg-brand-primary\/10{background-color:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.bg-brand-primary\/10{background-color:color-mix(in oklab, var(--color-brand-primary) 10%, transparent)}}.bg-card,.bg-card\/80{background-color:var(--color-card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/80{background-color:color-mix(in oklab, var(--color-card) 80%, transparent)}}.bg-current{background-color:currentColor}.bg-surface,.bg-surface\/40{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/40{background-color:color-mix(in oklab, var(--color-surface) 40%, transparent)}}.bg-surface\/50{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/50{background-color:color-mix(in oklab, var(--color-surface) 50%, transparent)}}.bg-text-main{background-color:var(--color-text-main)}.bg-text-muted{background-color:var(--color-text-muted)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#774ECB\]{--tw-gradient-from:#774ecb;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-brand-primary{--tw-gradient-from:var(--color-brand-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-brand-primary\/10{--tw-gradient-from:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.from-brand-primary\/10{--tw-gradient-from:color-mix(in oklab, var(--color-brand-primary) 10%, transparent)}}.from-brand-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#6134BD\]{--tw-gradient-to:#6134bd;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-accent{--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-primary\/5{--tw-gradient-to:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.to-brand-primary\/5{--tw-gradient-to:color-mix(in oklab, var(--color-brand-primary) 5%, transparent)}}.to-brand-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.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-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-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[18px\]{font-size:18px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-\[900\]{--tw-font-weight:900;font-weight:900}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-\[2\.5px\]{--tw-tracking:2.5px;letter-spacing:2.5px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.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-\[\#774ECB\]{color:#774ecb}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-amber-500{color:var(--color-amber-500)}.text-background{color:var(--color-background)}.text-blue-500{color:var(--color-blue-500)}.text-brand-primary{color:var(--color-brand-primary)}.text-red-500\/70{color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.text-red-500\/70{color:color-mix(in oklab, var(--color-red-500) 70%, transparent)}}.text-slate-300{color:var(--color-slate-300)}.text-text-main{color:var(--color-text-main)}.text-text-muted,.text-text-muted\/20{color:var(--color-text-muted)}@supports (color:color-mix(in lab, red, red)){.text-text-muted\/20{color:color-mix(in oklab, var(--color-text-muted) 20%, transparent)}}.text-text-muted\/30{color:var(--color-text-muted)}@supports (color:color-mix(in lab, red, red)){.text-text-muted\/30{color:color-mix(in oklab, var(--color-text-muted) 30%, transparent)}}.text-text-muted\/40{color:var(--color-text-muted)}@supports (color:color-mix(in lab, red, red)){.text-text-muted\/40{color:color-mix(in oklab, var(--color-text-muted) 40%, transparent)}}.text-text-muted\/60{color:var(--color-text-muted)}@supports (color:color-mix(in lab, red, red)){.text-text-muted\/60{color:color-mix(in oklab, var(--color-text-muted) 60%, transparent)}}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.8\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(119\,78\,203\,0\.8\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#774ecbcc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_var\(--color-brand-primary\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,var(--color-brand-primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_50px_-12px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 20px 50px -12px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[4px_0_24px_rgba\(119\,78\,203\,0\.03\)\]{--tw-shadow:4px 0 24px var(--tw-shadow-color,#774ecb08);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:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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-sm{--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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.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-2{--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)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.shadow-\[\#774ECB\]\/20{--tw-shadow-color:#774ecb33}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#774ECB\]\/20{--tw-shadow-color:color-mix(in oklab, oklab(53.458% .0764145 -.168448/.2) var(--tw-shadow-alpha), transparent)}}.shadow-brand-primary\/10{--tw-shadow-color:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.shadow-brand-primary\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-brand-primary\/20{--tw-shadow-color:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.shadow-brand-primary\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-brand-primary\/30{--tw-shadow-color:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.shadow-brand-primary\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-blue-400\/20{--tw-ring-color:#54a2ff33}@supports (color:color-mix(in lab, red, red)){.ring-blue-400\/20{--tw-ring-color:color-mix(in oklab, var(--color-blue-400) 20%, transparent)}}.\!outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-\[100px\]{--tw-blur:blur(100px);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,)}.blur-\[120px\]{--tw-blur:blur(120px);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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-white\/20:is(:where(.group):hover *){border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-white\/20:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.group-hover\:text-red-500:is(:where(.group):hover *){color:var(--color-red-500)}.group-hover\:text-text-main:is(:where(.group):hover *){color:var(--color-text-main)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-border:hover,.hover\:border-border\/60:hover{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.hover\:border-border\/60:hover{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.hover\:border-brand-primary:hover{border-color:var(--color-brand-primary)}.hover\:border-primary\/20:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/20:hover{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.hover\:border-red-500\/20:hover{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hover\:border-red-500\/20:hover{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.hover\:bg-background:hover{background-color:var(--color-background)}.hover\:bg-red-500\/5:hover{background-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/5:hover{background-color:color-mix(in oklab, var(--color-red-500) 5%, transparent)}}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.hover\:bg-surface:hover,.hover\:bg-surface\/80:hover{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface\/80:hover{background-color:color-mix(in oklab, var(--color-surface) 80%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-brand-primary:hover{color:var(--color-brand-primary)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-text-main:hover{color:var(--color-text-main)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-\[0_0_14px_rgba\(119\,78\,203\,0\.45\)\]:hover{--tw-shadow:0 0 14px var(--tw-shadow-color,#774ecb73);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[\#774ECB\]\/50:focus{border-color:oklab(53.458% .0764145 -.168448/.5)}.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-\[\#774ECB\]\/10:focus{--tw-ring-color:oklab(53.458% .0764145 -.168448/.1)}.focus\:ring-brand-primary\/20:focus{--tw-ring-color:var(--color-brand-primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-brand-primary\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-primary) 20%, transparent)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (width>=400px){.min-\[400px\]\:block{display:block}}@media (width>=48rem){.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=64rem){.lg\:static{position:static}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:pt-10{padding-top:calc(var(--spacing) * 10)}}@media (width>=80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-\[\#774ECB\]\/12{border-color:oklab(53.458% .0764145 -.168448/.12)}.dark\:border-\[\#774ECB\]\/20{border-color:oklab(53.458% .0764145 -.168448/.2)}.dark\:border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-\[\#774ECB\]\/10{background-color:oklab(53.458% .0764145 -.168448/.1)}.dark\:bg-slate-800{background-color:var(--color-slate-800)}.dark\:text-\[\#9D76EF\]{color:#9d76ef}.dark\:shadow-\[4px_0_32px_rgba\(119\,78\,203\,0\.05\)\]{--tw-shadow:4px 0 32px var(--tw-shadow-color,#774ecb0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:shadow-\[\#774ECB\]\/20{--tw-shadow-color:#774ecb33}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-\[\#774ECB\]\/20{--tw-shadow-color:color-mix(in oklab, oklab(53.458% .0764145 -.168448/.2) var(--tw-shadow-alpha), transparent)}}}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:2}::view-transition-old(root){z-index:1}:root{--font-family:var(--ss-font);--font-sans:var(--ss-font);--font-display:var(--ss-font-main);--font-mono:var(--ss-mono);--base-font-size:16px;--transition-smooth:var(--ss-dur-normal) var(--ss-ease-premium);--shadow-soft:var(--ss-sh);--shadow-medium:var(--ss-sh-md);--glass-blur:blur(20px)}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--ss-bg);color:var(--ss-text-primary);transition:background-color .25s var(--ss-ease-standard), color .25s var(--ss-ease-standard)}input,button,select,textarea{font-family:inherit}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--ss-layer-02) inset!important;-webkit-text-fill-color:var(--ss-text-primary)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--ss-layer-02) inset!important;-webkit-text-fill-color:var(--ss-text-primary)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--ss-layer-02) inset!important;-webkit-text-fill-color:var(--ss-text-primary)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--ss-layer-02) inset!important;-webkit-text-fill-color:var(--ss-text-primary)!important}.form-group.mini label,.filter-group label{display:block;text-transform:uppercase!important;color:var(--ss-text-helper)!important;letter-spacing:.1em!important;margin-bottom:8px!important;font-size:10px!important;font-weight:800!important}.ant-select{height:40px!important;position:relative!important}.ant-select-selector{border:1.5px solid var(--ss-border-01)!important;height:40px!important;color:var(--ss-text-primary)!important;box-shadow:none!important;background-color:var(--ss-layer-02)!important;transition:all .25s var(--ss-ease-premium)!important;border-radius:12px!important;align-items:center!important;padding:0 32px 0 14px!important;font-size:13px!important;font-weight:600!important;display:flex!important}.ant-select-arrow{width:auto!important;height:100%!important;color:var(--ss-text-helper)!important;pointer-events:none!important;z-index:2!important;justify-content:center!important;align-items:center!important;margin:auto!important;font-size:12px!important;display:flex!important;position:absolute!important;inset:0 14px 0 auto!important;transform:none!important}.ant-select-selector:hover{border-color:var(--ss-theme-hover)!important;background-color:var(--ss-layer-01)!important}.ant-select-focused .ant-select-selector{border-color:var(--ss-theme)!important;box-shadow:var(--ss-sh-focus)!important;background-color:var(--ss-layer-01)!important}.black-text-select .ant-select-selection-item,.ant-select-selection-item{color:var(--ss-text-primary)!important;opacity:1!important;font-weight:600!important}.black-text-select .ant-select-selection-search-input,.ant-select-selection-search-input{color:var(--ss-text-primary)!important}.ant-picker{border:1.5px solid var(--ss-border-01)!important;height:40px!important;box-shadow:none!important;background-color:var(--ss-layer-02)!important;transition:all .25s var(--ss-ease-premium)!important;border-radius:12px!important;padding:0 32px 0 14px!important;position:relative!important}.ant-picker:hover{border-color:var(--ss-theme-hover)!important;background-color:var(--ss-layer-01)!important;box-shadow:var(--ss-sh)!important}.ant-picker-focused{border-color:var(--ss-theme)!important;box-shadow:var(--ss-sh-focus)!important;background-color:var(--ss-layer-01)!important}.ant-picker-input>input{color:var(--ss-text-primary)!important;font-size:13px!important;font-weight:600!important}.ant-picker-suffix{width:auto!important;height:100%!important;color:var(--ss-text-helper)!important;pointer-events:none!important;z-index:2!important;justify-content:center!important;align-items:center!important;margin:auto!important;font-size:12px!important;display:flex!important;position:absolute!important;inset:0 14px 0 auto!important;transform:none!important}[data-theme=dark] .ant-select-selector,[data-theme=dark] .ant-picker{background-color:var(--ss-layer-02)!important;border-color:var(--ss-border-01)!important;color:var(--ss-text-primary)!important}[data-theme=dark] .ant-select-selector:hover,[data-theme=dark] .ant-picker:hover{background-color:var(--ss-layer-01)!important;border-color:var(--ss-theme-hover)!important}[data-theme=dark] .ant-select-focused .ant-select-selector,[data-theme=dark] .ant-picker-focused{background-color:var(--ss-layer-01)!important;border-color:var(--ss-theme)!important}[data-theme=dark] .ant-select-selection-item,[data-theme=dark] .ant-select-selection-placeholder,[data-theme=dark] .ant-picker-input>input{color:var(--ss-text-primary)!important}[data-theme=dark] .ant-select-arrow,[data-theme=dark] .ant-picker-suffix{color:var(--ss-text-helper)!important}.ant-select-dropdown{background-color:var(--ss-layer-01)!important;box-shadow:var(--ss-sh-lg)!important;border:1px solid var(--ss-border-01)!important;border-radius:16px!important;padding:8px!important}.ant-select-item{cursor:pointer;color:var(--ss-text-secondary)!important;transition:all .2s var(--ss-ease-premium)!important;border-radius:8px!important;margin-bottom:4px!important;padding:10px 16px!important;font-size:13px!important;font-weight:600!important}.ant-select-item-option-selected{background-color:var(--ss-theme)!important;color:var(--ss-text-white)!important}.ant-select-item-option-selected .ant-select-item-option-state{color:var(--ss-text-white)!important}.ant-select-item-option-active:not(.ant-select-item-option-selected){background-color:var(--ss-theme-lt)!important;color:var(--ss-theme)!important}.ant-picker-dropdown .ant-picker-panel-container{background-color:var(--ss-layer-01)!important;box-shadow:var(--ss-sh-lg)!important;border:1px solid var(--ss-border-01)!important;border-radius:20px!important;padding:12px 0!important}.ant-picker-header{border-bottom:none!important;padding:0 16px 8px!important}.ant-picker-header-view{color:var(--ss-text-primary)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important;font-weight:800!important}.ant-picker-header button{color:var(--ss-text-helper)!important}.ant-picker-header button:hover{color:var(--ss-theme)!important}.ant-picker-header-super-prev-btn,.ant-picker-header-super-next-btn{display:none!important}.ant-picker-body{padding:0 16px!important}.ant-picker-content thead tr{background-color:#0000!important}.ant-picker-content th{color:var(--ss-text-helper)!important;text-transform:uppercase!important;text-align:center!important;min-width:36px!important;padding:8px 0!important;font-size:10px!important;font-weight:800!important}.ant-picker-cell{text-align:center!important;padding:2px 0!important}.ant-picker-cell-inner{color:var(--ss-text-primary)!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;margin:0 auto!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.ant-picker-cell:hover:not(.ant-picker-cell-selected) .ant-picker-cell-inner{background-color:var(--ss-theme-lt)!important;color:var(--ss-theme)!important}.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--ss-grad-theme)!important;color:var(--ss-text-white)!important;box-shadow:var(--ss-sh-glow-sm)!important}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border:2px solid var(--ss-theme)!important;border-radius:8px!important;inset:0!important}.ant-picker-footer{border-top:none!important;justify-content:center!important;padding:12px 16px!important;display:flex!important}.ant-picker-footer-extra{display:none!important}.ant-picker-today-btn{text-align:center!important;width:100%!important;font-size:0!important;display:block!important}.ant-picker-today-btn:after{content:"JUMP TO TODAY";border:1.5px solid var(--ss-theme-lt);background-color:var(--ss-layer-01);width:100%;transition:all .2s var(--ss-ease-premium);border-radius:12px;padding:10px 0;display:block;color:var(--ss-theme)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:10px!important;font-weight:800!important}.ant-picker-today-btn:hover:after{background-color:var(--ss-theme-lt);border-color:var(--ss-theme)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23774ecb' 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-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px!important}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239D76EF' 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")}input[type=date]{appearance:none;cursor:pointer;position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;background-color:#0000;border-radius:6px;padding:5px;transition:all .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:var(--ss-theme-lt);opacity:1}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.8}.crm-input{border:1.5px solid var(--ss-border-01);background-color:var(--ss-layer-02);height:40px;color:var(--ss-text-primary);transition:all .25s var(--ss-ease-premium);border-radius:12px;outline:none;width:100%;padding:0 14px;font-size:13px;font-weight:600;box-shadow:inset 0 2px 4px #00000005}select.crm-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23774ecb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:40px!important}.crm-input:hover{border-color:var(--ss-theme)}@supports (color:color-mix(in lab, red, red)){.crm-input:hover{border-color:color-mix(in srgb, var(--ss-theme) 50%, var(--ss-border-01))}}.crm-input:focus{border-color:var(--ss-theme);box-shadow:var(--ss-sh-focus);background-color:var(--ss-layer-01);transform:translateY(-1px)}.crm-input:read-only{opacity:.9;cursor:not-allowed;color:var(--ss-text-helper)}.crm-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ss-text-helper);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.crm-button-primary,.ss-btn-primary{background:var(--ss-grad-theme);color:var(--ss-text-white);letter-spacing:.03em;height:40px;box-shadow:var(--ss-sh-glow-sm);transition:all .3s var(--ss-ease-premium);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex}.crm-button-primary:hover,.ss-btn-primary:hover{box-shadow:var(--ss-sh-glow-md);filter:brightness(1.05);transform:translateY(-2px)}.crm-button-primary:active,.ss-btn-primary:active{box-shadow:var(--ss-sh-glow-sm);transform:scale(.97)}.crm-button-primary:disabled,.ss-btn-primary:disabled{background:var(--ss-border-01);color:var(--ss-text-disabled);box-shadow:none;cursor:not-allowed;transform:none}.crm-button-secondary,.ss-btn-secondary{background:var(--ss-layer-02);color:var(--ss-text-primary);border:1.5px solid var(--ss-border-01);height:40px;transition:all .3s var(--ss-ease-premium);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.crm-button-secondary:hover,.ss-btn-secondary:hover{background:var(--ss-layer-01);border-color:var(--ss-theme);color:var(--ss-theme);box-shadow:var(--ss-sh);transform:translateY(-2px)}.ss-btn-danger{color:var(--ss-danger);cursor:pointer;height:40px;transition:all .2s var(--ss-ease-premium);background:#fff5f5;border:2px solid #fcc;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.ss-btn-danger:hover{background:var(--ss-danger);color:var(--ss-text-white);border-color:var(--ss-danger)}[data-theme=dark] .ss-btn-danger{color:var(--ss-danger);background:#ff4d4d26;border-color:#ff4d4d4d}.crm-card{background-color:var(--ss-layer-01);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh);transition:transform .3s var(--ss-ease-premium), box-shadow .3s var(--ss-ease-premium), border-color .3s var(--ss-ease-premium);border-radius:16px}.crm-card:hover{border-color:var(--ss-theme-border);box-shadow:var(--ss-sh-md);transform:translateY(-4px)}.glass-card{background:rgba(var(--ss-layer-01-rgb), .85);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ss-border-01);transition:transform .3s var(--ss-ease-premium), border-color .3s var(--ss-ease-premium);border-radius:20px}.glass-card:hover{border-color:var(--ss-theme-border);transform:translateY(-4px)}.ss-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-flex}.ss-badge.purple{color:var(--ss-theme);background:#774ecb1a;border:1px solid #774ecb33}.ss-badge.green{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.ss-badge.yellow{color:#fbcc24;background:#fbcc241a}.ss-badge.blue{color:#3b82f6;background:#3b82f61a}.ss-badge.red{color:#ef4444;background:#ef44441a}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#774ecb26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#774ecb4d}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#9d76ef4d}.text-clamp-2{-webkit-line-clamp:2;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.filter-bar-premium .action-btn,.filter-bar-premium .action-btn.add,.filter-bar-premium button{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex;height:40px!important}.ant-picker-dropdown{z-index:9999!important}.filter-bar-premium .ant-select{width:100%!important}.filter-bar-premium .ant-select-selector,.filter-bar-premium .ant-picker,.filter-bar-premium .crm-input,.filter-bar-premium input[type=date]{height:40px!important;min-height:40px!important}.filter-group .ant-select{display:block;width:100%!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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}:root{--primary-blue:var(--ss-theme);--bg-light:var(--ss-bg);--card-shadow:var(--ss-sh-lg);--input-bg:var(--ss-layer-02);--text-dark:var(--ss-text-primary);--text-muted:var(--ss-text-helper);--card-bg:var(--ss-layer-01);--nav-btn-bg:var(--ss-layer-01);--nav-btn-border:var(--ss-border-01);--nav-btn-text:var(--ss-text-primary)}[data-theme=dark]{--bg-light:var(--ss-bg);--card-bg:var(--ss-layer-01);--text-dark:var(--ss-text-primary);--text-muted:var(--ss-text-helper);--input-bg:var(--ss-layer-02);--card-shadow:var(--ss-sh-lg);--nav-btn-bg:var(--ss-layer-01);--nav-btn-border:var(--ss-border-01);--nav-btn-text:var(--ss-text-primary)}.login-wrapper{background-color:var(--ss-bg);min-height:100vh;font-family:var(--ss-font);transition:background-color .25s var(--ss-ease-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-bg-grid{opacity:.8;pointer-events:none;z-index:1;background-image:linear-gradient(#774ecb0a 1px,#0000 1px),linear-gradient(90deg,#774ecb0a 1px,#0000 1px);background-position:50%;background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}.login-glow-spot-1{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#774ecb26 0%,#0000 70%);width:min(600px,80vw);height:min(600px,80vw);animation:22s ease-in-out infinite alternate floatGlow1;position:absolute;top:-10%;left:-10%}.login-glow-spot-2{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#9d76ef1f 0%,#0000 70%);width:min(700px,90vw);height:min(700px,90vw);animation:26s ease-in-out infinite alternate floatGlow2;position:absolute;bottom:-15%;right:-10%}.login-svg-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.login-svg-container svg{width:100%;height:100%}.animated-path-1{stroke-dasharray:180 1500;stroke-dashoffset:1680px;animation:14s linear infinite drawLine1}.animated-path-2{stroke-dasharray:220 1800;stroke-dashoffset:-2020px;animation:18s linear infinite drawLine2}.animated-path-3{stroke-dasharray:130 1300;stroke-dashoffset:1430px;animation:11s linear infinite drawLine3}.page-header{z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.nav-btn{background:rgba(var(--ss-layer-01-rgb), .85);border:1px solid var(--nav-btn-border);cursor:pointer;color:var(--nav-btn-text);transition:all .2s var(--ss-ease-premium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.nav-btn:hover{border-color:var(--ss-theme);color:var(--ss-theme);box-shadow:var(--ss-sh);transform:translateY(-2px)}.theme-btn{border-radius:50%;padding:8px}.login-container{z-index:10;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.ss-aura-glow{background:rgba(var(--ss-layer-01-rgb), .08);-webkit-backdrop-filter:blur(10px);border:1px solid #9d76ef26;border-radius:28px;justify-content:center;align-items:center;width:90px;height:90px;animation:5s ease-in-out infinite alternate ssAuraGlow;display:flex;box-shadow:0 0 30px #774ecb33}.brand-logo{object-fit:contain;width:48px;height:48px}.login-card-modern{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(120%);text-align:center;width:100%;max-width:440px;padding:48px 40px;position:relative;transform:translateY(0);background:rgba(var(--ss-layer-01-rgb), .75)!important;transition:all .4s var(--ss-ease-premium)!important;border:1px solid #9d76ef26!important;border-radius:48px!important;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff0d!important}.login-card-modern:hover{transform:translateY(-6px);border-color:#9d76ef4d!important;box-shadow:0 30px 60px #0006,0 0 40px #774ecb26,inset 0 1px #ffffff14!important}.card-header h1{color:var(--ss-text-primary);letter-spacing:-.03em;text-transform:uppercase;font-size:22px;font-weight:900;font-family:var(--ss-font-main);margin:0 0 6px}.card-header p{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.06em;margin:0 0 28px;font-size:12px;font-weight:600}.login-form{flex-direction:column;gap:20px;display:flex}.form-field{text-align:left;flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--ss-text-secondary);letter-spacing:.1em;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:800}.input-box{align-items:center;display:flex;position:relative}.input-box .icon{color:var(--ss-text-helper);opacity:.7;transition:color .2s var(--ss-ease-premium), opacity .2s var(--ss-ease-premium);position:absolute;left:16px}.input-box:focus-within .icon{color:var(--ss-theme);opacity:1}.login-input-modern{width:100%;height:48px;color:var(--ss-text-primary);outline:none;font-size:13px;font-weight:600;background-color:var(--ss-layer-02)!important;transition:all .3s var(--ss-ease-premium)!important;border:1.5px solid #9d76ef1f!important;border-radius:16px!important;padding:0 20px 0 48px!important}.login-input-modern::placeholder{color:var(--ss-text-helper);font-weight:500}.login-input-modern:hover{border-color:#9d76ef40!important}.login-input-modern:focus{transform:translateY(-1px);border-color:var(--ss-theme)!important;box-shadow:0 0 0 1px var(--ss-theme), 0 0 16px #774ecb40!important;background-color:rgba(var(--ss-layer-01-rgb), .5)!important}.eye-btn{color:var(--ss-text-helper);cursor:pointer;transition:color .2s var(--ss-ease-premium);background:0 0;border:none;padding:4px;display:flex;position:absolute;right:16px}.eye-btn:hover{color:var(--ss-theme)}.login-button-modern{color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;height:48px;box-shadow:var(--ss-sh-glow-sm);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden;background:var(--ss-grad-theme)!important;transition:all .3s var(--ss-ease-premium)!important}.login-button-modern:disabled{opacity:.7;cursor:not-allowed}.login-button-modern:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:var(--ss-sh-glow-md)!important}.login-button-modern:active:not(:disabled){transform:scale(.97);box-shadow:var(--ss-sh-glow-sm)!important}.card-footer{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.4em;margin-top:32px;font-size:9px;font-weight:800}.error-message{color:var(--ss-danger);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:700;display:flex}:root{--primary-blue:var(--ss-theme);--bg-light:var(--ss-bg);--bg-dark:var(--ss-bg);--card-light:var(--ss-layer-01);--card-dark:var(--ss-layer-01);--text-grey:var(--ss-text-helper);--text-dark:var(--ss-text-primary);--border-light:var(--ss-border-01);--nav-height:64px}[data-theme=dark]{--text-grey:var(--ss-text-helper);--text-dark:var(--ss-text-primary);--border-light:var(--ss-border-01)}.layout-wrapper{background-color:var(--ss-bg);width:100vw;height:100vh;color:var(--ss-text-primary);font-family:var(--ss-font);background-image:none;flex-direction:column;display:flex;overflow:hidden}[data-theme=dark] .layout-wrapper{background-color:var(--ss-bg);color:var(--ss-text-primary);background-image:none}.top-navbar{height:var(--nav-height);background:rgba(var(--ss-layer-01-rgb), .85);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--ss-border-01);z-index:1000;box-shadow:var(--ss-sh);transition:all var(--ss-dur-premium) var(--ss-ease-premium);font-family:var(--ss-font-main);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.top-navbar.scrolled{background:rgba(var(--ss-layer-01-rgb), .92);-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);border-bottom-color:var(--ss-theme);height:56px;box-shadow:var(--ss-sh-md)}.navbar-left{flex:1}.ss-logo-icon{background:var(--ss-grad-theme);color:#fff;width:32px;height:32px;font-family:var(--ss-font-logo);box-shadow:var(--ss-sh-glow-sm);transition:transform var(--ss-dur-fast) var(--ss-ease-premium);border-radius:10px;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;transform:rotate(-5deg)}.ss-logo-text-v2{font-family:var(--ss-font-logo);color:var(--ss-text-primary);letter-spacing:-.5px;white-space:nowrap;font-size:18px;font-weight:800}.navbar-pill-container{background:var(--ss-layer-02);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh);border-radius:16px;align-items:center;gap:2px;padding:4px;display:flex}.nav-pill{height:40px;color:var(--ss-text-helper);cursor:pointer;transition:all var(--ss-dur-premium) var(--ss-ease-premium);white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--ss-font-main);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;display:flex}.nav-pill.active{background-color:var(--ss-layer-01);color:var(--ss-theme);border:1px solid var(--ss-border-01);font-weight:800;box-shadow:0 4px 12px #00000014}.nav-pill:not(.active):hover{color:var(--ss-text-primary);background:var(--ss-layer-03)}.nav-icon{justify-content:center;align-items:center;display:flex}.navbar-right{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.icon-circle-btn{border:1.5px solid var(--ss-border-01);background:var(--ss-layer-01);width:36px;height:36px;color:var(--ss-text-helper);cursor:pointer;transition:all .2s var(--ss-ease-premium);border-radius:10px;justify-content:center;align-items:center;display:flex}[data-theme=dark] .icon-circle-btn{background:var(--ss-layer-02);border-color:var(--ss-border-02);color:var(--ss-text-secondary)}.icon-circle-btn:hover{border-color:var(--ss-theme);color:var(--ss-theme);background:var(--ss-theme-lt);transform:translateY(-1px)}.settings-container{position:relative}.settings-dropdown{background:rgba(var(--ss-layer-01-rgb), .92);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--ss-border-01);width:260px;box-shadow:var(--ss-sh-lg);z-index:1000;animation:ssSlideDown .2s var(--ss-ease-premium) forwards;border-radius:20px;padding:20px;position:absolute;top:calc(100% + 12px);right:0}[data-theme=dark] .settings-dropdown{background:rgba(var(--ss-layer-01-rgb), .92);border-color:var(--ss-border-02);box-shadow:var(--ss-sh-lg)}.settings-group{margin-bottom:20px}.settings-group:last-child{margin-bottom:0}.settings-group label{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.settings-group select{border:1.5px solid var(--ss-border-01);background:var(--ss-layer-02);width:100%;color:var(--ss-text-primary);cursor:pointer;transition:all .2s var(--ss-ease-premium);border-radius:10px;outline:none;padding:10px 12px;font-size:13px;font-weight:600}.settings-group select:focus{border-color:var(--ss-theme);box-shadow:var(--ss-sh-focus)}[data-theme=dark] .settings-group select{background:var(--ss-layer-02);border-color:var(--ss-border-02);color:var(--ss-text-primary)}.size-btns{gap:8px;display:flex}.size-btns button{border:1.5px solid var(--ss-border-01);background:var(--ss-layer-01);cursor:pointer;transition:all .2s var(--ss-ease-premium);color:var(--ss-text-helper);border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:700}[data-theme=dark] .size-btns button{background:var(--ss-layer-02);border-color:var(--ss-border-02);color:var(--ss-text-secondary)}.size-btns button.active{background:var(--ss-grad-theme);color:#fff;box-shadow:var(--ss-sh-glow-sm);border-color:#0000}.theme-circle-btn{border:1.5px solid var(--ss-border-01);background:var(--ss-layer-01);width:36px;height:36px;color:var(--ss-text-helper);cursor:pointer;transition:all .2s var(--ss-ease-premium);border-radius:10px;justify-content:center;align-items:center;display:flex}[data-theme=dark] .theme-circle-btn{background:var(--ss-layer-02);border-color:var(--ss-border-02);color:var(--ss-text-secondary)}.theme-circle-btn:hover{border-color:var(--ss-theme);color:var(--ss-theme);background:var(--ss-theme-lt)}.nav-divider{background:var(--ss-border-01);width:1px;height:28px}[data-theme=dark] .nav-divider{background:var(--ss-border-02)}.user-profile{cursor:pointer;transition:background .2s var(--ss-ease-premium);border-radius:12px;align-items:center;gap:12px;padding:4px 8px;display:flex}.user-profile:hover{background:var(--ss-theme-lt)}.profile-avatar{background:var(--ss-grad-theme);color:#fff;width:36px;height:36px;box-shadow:var(--ss-sh-glow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.profile-text{flex-direction:column;line-height:1.25;display:flex}.profile-name{color:var(--ss-text-primary);font-size:13px;font-weight:800}[data-theme=dark] .profile-name{color:var(--ss-text-primary)}.profile-status{color:var(--ss-theme);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.profile-chevron{color:var(--ss-text-helper);margin-left:4px}.layout-body{flex:1;display:flex;overflow:hidden}.sidebar{background-color:var(--ss-layer-01);width:300px;transition:all .3s var(--ss-ease-premium);z-index:100;border-right:1px solid var(--ss-border-01);flex-direction:column;flex-shrink:0;padding:24px 16px;display:flex;position:relative;box-shadow:4px 0 24px #774ecb08}.sidebar:before{display:none}[data-theme=dark] .sidebar{background-color:var(--ss-bg);border-right:1px solid #774ecb1f;box-shadow:4px 0 32px #774ecb0d}.sidebar.collapsed{opacity:1;background-color:var(--ss-layer-01);border-right:1px solid var(--ss-border-01);width:64px;box-shadow:none;padding:24px 8px;overflow:visible}[data-theme=dark] .sidebar.collapsed{background-color:var(--ss-bg);border-right-color:#774ecb1f}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-chevron,.sidebar.collapsed .sidebar-sub-menu,.sidebar.collapsed .signout-label,.sidebar.collapsed .settings-label{display:none}.floating-collapse-btn{background:var(--ss-layer-01);border:1px solid var(--ss-border-01);width:28px;height:56px;box-shadow:var(--ss-sh);cursor:pointer;z-index:100;color:var(--ss-text-helper);transition:all .3s var(--ss-ease-premium);border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:40px;right:-14px}.sidebar.collapsed .floating-collapse-btn{right:-14px}[data-theme=dark] .floating-collapse-btn{background:var(--ss-layer-01);border-color:var(--ss-border-01);color:var(--ss-text-helper)}.floating-collapse-btn:hover{background:var(--ss-theme-lt);border-color:var(--ss-theme);color:var(--ss-theme);box-shadow:var(--ss-sh-glow-sm);transform:scale(1.05)}.sidebar-header{margin-bottom:24px;padding:0 8px}.sidebar-title{align-items:center;gap:12px;display:flex}.sidebar-accent{background:var(--ss-grad-theme);width:4px;height:24px;box-shadow:var(--ss-sh-glow-sm);border-radius:99px;flex-shrink:0;display:inline-block}.title-text{flex-direction:column;line-height:1;display:flex}.title-text h3{color:var(--ss-text-primary);letter-spacing:-.5px;font-size:18px;font-weight:900;font-family:var(--ss-font-main);text-transform:capitalize;margin:0}[data-theme=dark] .title-text h3{color:var(--ss-text-primary)}.title-text p{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:2.5px;margin:2px 0 0;font-size:9px;font-weight:800}.sidebar-menu{flex-direction:column;flex:1;gap:4px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--ss-border-01);border-radius:10px}[data-theme=dark] .sidebar-menu::-webkit-scrollbar-thumb{background:var(--ss-border-02)}.sidebar-section-label{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.12em;margin:20px 12px 6px;font-size:10px;font-weight:800}.sidebar-item{color:var(--ss-text-helper);cursor:pointer;transition:all .25s var(--ss-ease-premium);text-align:left;text-transform:uppercase;letter-spacing:.02em;background:0 0;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:10px 14px;font-size:13.5px;font-weight:800;display:flex;position:relative}[data-theme=dark] .sidebar-item{color:var(--ss-text-helper)}.sidebar-item svg{transition:transform .2s var(--ss-ease-premium), stroke .2s ease;color:var(--ss-text-helper);opacity:.7;flex-shrink:0}[data-theme=dark] .sidebar-item svg{color:var(--ss-text-helper);opacity:.8}.sidebar-item:hover svg{color:var(--ss-text-primary);opacity:1;transform:scale(1.05)}.sidebar-item.active{background:var(--ss-grad-theme);color:var(--ss-text-white);box-shadow:var(--ss-sh-glow-sm);font-weight:900}.sidebar-item.active svg{color:var(--ss-text-white);opacity:1;transform:scale(1.05)}[data-theme=dark] .sidebar-item.active{background:var(--ss-grad-theme);color:var(--ss-text-white);box-shadow:var(--ss-sh-glow-sm)}.sidebar-item:hover:not(.active),[data-theme=dark] .sidebar-item:hover:not(.active){background:var(--ss-layer-02);color:var(--ss-text-primary)}.sidebar.collapsed .sidebar-item{border-radius:12px;justify-content:center;width:40px;height:40px;margin:4px auto;padding:10px}.sidebar.collapsed .sidebar-item svg{margin:0}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-chevron{opacity:.5;flex-shrink:0;margin-left:auto}.sidebar-footer{border-top:1px solid var(--ss-border-01);flex-direction:column;flex-shrink:0;gap:4px;margin-top:auto;padding-top:16px;display:flex}[data-theme=dark] .sidebar-footer{border-top-color:#774ecb1f}.settings-btn,.signout-btn{cursor:pointer;width:100%;transition:all .25s var(--ss-ease-premium);text-transform:uppercase;letter-spacing:.02em;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.settings-btn{color:var(--ss-text-helper)}.settings-btn svg{color:var(--ss-text-helper);opacity:.7;transition:all .25s var(--ss-ease-premium)}.settings-btn:hover{background:var(--ss-layer-02);color:var(--ss-text-primary)}.settings-btn:hover svg{color:var(--ss-text-primary);opacity:1;transform:rotate(45deg)}.signout-btn{color:var(--ss-danger)}.signout-btn svg{color:var(--ss-danger);opacity:.8;transition:all .25s var(--ss-ease-premium)}.signout-btn:hover{background:var(--ss-danger-lt)}.signout-btn:hover svg{transform:translate(2px)}[data-theme=dark] .signout-btn:hover{background:#ff4d4d1a}.sidebar.collapsed .settings-btn,.sidebar.collapsed .signout-btn{border-radius:12px;justify-content:center;width:40px;height:40px;margin:4px auto;padding:10px}.main-content{background-color:var(--ss-bg);border-top-left-radius:20px;flex:1;min-width:0;margin:12px 12px 12px 0;position:relative;overflow:hidden;box-shadow:inset 0 4px 20px #00000005}[data-theme=dark] .main-content{background-color:var(--ss-bg);box-shadow:inset 0 4px 20px #0003}.content-container{width:100%;height:calc(100% - 52px);padding:24px;display:block;overflow-y:auto}.empty-state{text-align:center;max-width:450px;margin:0 auto;padding:48px 24px}.state-circle{background:var(--ss-theme-lt);width:72px;height:72px;color:var(--ss-theme);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;box-shadow:inset 0 2px 4px #0000000d}[data-theme=dark] .state-circle{background:var(--ss-theme-lt);color:var(--ss-theme)}.empty-state h2{color:var(--ss-text-primary);font-size:1.5rem;font-weight:800;font-family:var(--ss-font-main);text-transform:uppercase;letter-spacing:-.03em;margin-bottom:12px}[data-theme=dark] .empty-state h2{color:var(--ss-text-primary)}.empty-state p{color:var(--ss-text-helper);font-size:13px;font-weight:600;line-height:1.625}.footer-bar{height:52px;color:var(--ss-text-helper);letter-spacing:.4em;text-transform:uppercase;border-top:1px solid var(--ss-border-01);font-size:9px;font-weight:800;font-family:var(--ss-font-main);justify-content:center;align-items:center;display:flex}[data-theme=dark] .footer-bar{border-top-color:var(--ss-border-01)}.dashboard-page{text-align:left;width:100%;height:100%;animation:ssFadeIn .6s var(--ss-ease-premium) forwards;padding:16px}.dashboard-page h1{color:var(--ss-text-primary);text-transform:uppercase;letter-spacing:-.03em;font-size:1.75rem;font-weight:900;font-family:var(--ss-font-main);margin-bottom:6px}[data-theme=dark] .dashboard-page h1{color:var(--ss-text-primary)}.dashboard-page p{color:var(--ss-text-helper);margin-bottom:28px;font-size:13px;font-weight:600}.placeholder-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:12px;display:grid}.stat-card{background:var(--ss-layer-01);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh);transition:all .3s var(--ss-ease-premium);cursor:pointer;border-radius:16px;padding:24px}.stat-card:hover{border-color:var(--ss-theme-border);box-shadow:var(--ss-sh-md);transform:translateY(-4px)}[data-theme=dark] .stat-card{background:var(--ss-layer-01);border-color:var(--ss-border-01)}.stat-card h3{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:10px;font-weight:800}.stat-card p{color:var(--ss-theme);font-size:2.5rem;font-weight:800;font-family:var(--ss-font-main);letter-spacing:-.03em;margin:0}.placeholder-table{background:var(--ss-layer-01);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh);border-radius:16px;margin-top:28px;overflow:hidden}[data-theme=dark] .placeholder-table{background:var(--ss-layer-01);border-color:var(--ss-border-01)}.table-header{background:var(--ss-layer-02);color:var(--ss-theme);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #774ecb4d;grid-template-columns:2fr 1fr 1fr;padding:12px 24px;font-size:12.5px;font-weight:800;display:grid}[data-theme=dark] .table-header{background:var(--ss-layer-02)}.table-row{border-top:1px solid var(--glass-border);color:var(--ss-text-secondary);transition:all .2s var(--ss-ease-premium);grid-template-columns:2fr 1fr 1fr;padding:14px 24px;font-size:12px;font-weight:600;display:grid}.table-row:hover{background:var(--ss-theme-lt);color:var(--ss-text-primary)}[data-theme=dark] .table-row{border-top-color:var(--ss-border-01);color:var(--ss-text-secondary)}.status-badge{background:var(--ss-success-lt);color:var(--ss-success);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;justify-content:center;align-items:center;width:fit-content;padding:4px 12px;font-size:9px;font-weight:800;display:flex}.sidebar-group-container{flex-direction:column;display:flex}.sidebar-sub-menu{flex-direction:column;gap:2px;margin-top:-4px;padding:4px 0 8px 20px;display:flex;position:relative}.sidebar-sub-menu:before{content:"";background:var(--ss-border-01);border-radius:1px;width:1.5px;position:absolute;top:0;bottom:12px;left:19px}[data-theme=dark] .sidebar-sub-menu:before{background:var(--ss-border-02)}.sidebar-sub-item{color:var(--ss-text-helper);cursor:pointer;transition:all .2s var(--ss-ease-premium);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .sidebar-sub-item{color:var(--ss-text-helper)}.sidebar-sub-item:hover{color:var(--ss-theme);background:var(--ss-theme-lt)}.sidebar-sub-item.active{color:var(--ss-theme);background:var(--ss-theme-lt);font-weight:800}[data-theme=dark] .sidebar-sub-item.active{background:var(--ss-theme-lt);color:var(--ss-theme)}.sub-item-dot{background:var(--ss-border-02);width:5px;height:5px;transition:all .2s var(--ss-ease-premium);z-index:1;border-radius:50%;flex-shrink:0}.sidebar-sub-item.active .sub-item-dot{background:var(--ss-theme);transform:scale(1.4);box-shadow:0 0 8px #774ecb66}.sidebar-chevron.rotated svg{transform:rotate(180deg)}.sidebar-chevron svg{transition:transform .3s var(--ss-ease-premium)}.collapsed-dot.group{border:2px solid var(--ss-theme);background:0 0}:root,[data-theme=dark]{--report-bg:var(--ss-bg);--report-card-bg:var(--ss-layer-01);--report-text-main:var(--ss-text-primary);--report-text-soft:var(--ss-text-secondary);--report-text-muted:var(--ss-text-helper);--report-border:var(--ss-border-01);--report-input-bg:var(--ss-layer-02);--report-input-border:var(--ss-border-01);--report-primary:var(--ss-theme);--report-label:var(--ss-text-helper)}.report-container{width:100%;max-width:1400px;min-height:100%;animation:ssFadeIn .4s var(--ss-ease-premium) forwards;flex-direction:column;margin:0 auto;padding:20px;display:flex}.report-card{background:var(--report-card-bg);box-shadow:var(--ss-sh);border:1px solid var(--report-border);border-radius:16px;padding:32px}.report-header{text-align:center;margin-bottom:32px}.report-header h2{color:var(--report-text-main);text-transform:uppercase;letter-spacing:-.03em;font-size:1.5rem;font-weight:900;font-family:var(--ss-font-main);margin-bottom:6px}.report-header p{color:var(--report-text-soft);font-size:13px;font-weight:600}.report-form-grid{grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:20px;display:grid}.report-form-grid.single-column{grid-template-columns:1fr;width:100%;margin:0 auto}.report-form-wrapper{justify-content:center;width:100%;display:flex}.dual-input-group{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dual-select{grid-column:span 2;grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--report-label);text-transform:uppercase;letter-spacing:.1em;margin-left:4px;font-size:10px;font-weight:800}.required-star{color:var(--ss-danger)}.form-select,.form-input{border:1.5px solid var(--report-input-border);background:var(--report-input-bg);width:100%;height:40px;color:var(--report-text-main);transition:all .25s var(--ss-ease-premium);border-radius:12px;outline:none;padding:0 14px;font-size:13px;font-weight:600}.form-select:hover,.form-input:hover{border-color:var(--ss-theme-hover)}.form-select:focus,.form-input:focus{border-color:var(--ss-theme);box-shadow:var(--ss-sh-focus);background:var(--report-card-bg);transform:translateY(-1px)}.report-actions{justify-content:center;margin-top:32px;display:flex}.generate-btn{background:var(--ss-grad-theme);color:#fff;letter-spacing:.03em;cursor:pointer;height:44px;transition:all .3s var(--ss-ease-premium);box-shadow:var(--ss-sh-glow-sm);border:none;border-radius:12px;align-items:center;gap:8px;padding:0 40px;font-size:13px;font-weight:700;display:inline-flex}.generate-btn:hover:not(:disabled){box-shadow:var(--ss-sh-glow-md);filter:brightness(1.05);transform:translateY(-2px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.report-results-table{background:var(--report-card-bg);border:1px solid var(--report-border);border-radius:16px;margin-top:24px;padding:20px}.empty-state-mini{text-align:center;color:var(--ss-text-helper);padding:32px;font-size:13px;font-weight:600}.form-view-container{flex-shrink:0;width:100%;background:var(--report-card-bg)!important;border:1px solid var(--report-border)!important;max-width:800px!important;box-shadow:var(--ss-sh)!important;border-radius:16px!important;margin:24px auto!important;padding:32px!important;overflow:visible!important}.report-header-premium{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:16px;display:flex}.header-text h1{text-transform:uppercase;color:var(--ss-text-primary);letter-spacing:-.03em;font-size:1.1rem;font-weight:900;font-family:var(--ss-font-main);margin-bottom:4px}.header-text p{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.export-btn-pill{background:var(--ss-grad-theme);color:#fff;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;height:36px;box-shadow:var(--ss-sh-glow-sm);transition:all .2s var(--ss-ease-premium);border:none;border-radius:99px;align-items:center;gap:8px;padding:0 20px;font-size:11px;font-weight:800;display:flex}.export-btn-pill:hover{box-shadow:var(--ss-sh-glow-md);transform:translateY(-2px)}.back-btn-circle{background:var(--ss-layer-01);border:1.5px solid var(--ss-border-01);color:var(--ss-text-helper);cursor:pointer;width:36px;height:36px;transition:all .2s var(--ss-ease-premium);box-shadow:var(--ss-sh);border-radius:10px;justify-content:center;align-items:center;display:flex}.back-btn-circle:hover{background:var(--ss-layer-02);color:var(--ss-theme);border-color:var(--ss-theme)}.filter-bar-premium{background:var(--report-card-bg);border:1px solid var(--report-border);box-shadow:var(--ss-sh);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.filter-group{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:180px;max-width:280px;display:flex}.filter-group.btn-col{flex-basis:100%;justify-content:flex-end;margin-top:12px;display:flex}.filter-group label{white-space:nowrap;text-transform:uppercase!important;color:var(--ss-text-helper)!important;letter-spacing:.1em!important;margin-bottom:0!important;font-size:10px!important;font-weight:800!important}.filter-group .ant-select{width:100%!important}.filter-group .ant-select-selector{height:40px!important}.filter-group .crm-input,.filter-group input[type=date],.filter-group input[type=text]{width:100%;height:40px}.report-content-card{background:var(--report-card-bg);border:1px solid var(--report-border);box-shadow:var(--ss-sh);border-radius:16px;flex-direction:column;height:fit-content;max-height:100%;margin-bottom:auto;display:flex;overflow:hidden}[data-theme=dark] .report-content-card,[data-theme=dark] .filter-bar-premium{border-color:var(--ss-border-01)}.table-wrapper-premium{flex:0 auto;overflow:auto}.table-wrapper-premium::-webkit-scrollbar{width:8px;height:8px}.table-wrapper-premium::-webkit-scrollbar-track{background:0 0}.table-wrapper-premium::-webkit-scrollbar-thumb{background:#774ecb4d;border-radius:10px}.table-wrapper-premium::-webkit-scrollbar-thumb:hover{background:#774ecb99}.table-wrapper-premium table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%}.table-wrapper-premium th{text-align:left;text-transform:uppercase;z-index:20;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0;background:var(--ss-layer-02)!important;color:var(--ss-theme)!important;text-shadow:none!important;border-bottom:2px solid #774ecb33!important}.table-wrapper-premium th:first-child{border-radius:0}.table-wrapper-premium th.text-right,.table-wrapper-premium th[style*=right]{text-align:right}.table-wrapper-premium th+th{border-left:1px solid var(--ss-border-01)}.table-wrapper-premium thead tr:nth-child(2) th{padding:8px 14px;font-size:10px;background:var(--ss-layer-03)!important;color:var(--ss-text-secondary)!important;border-bottom:1px solid var(--ss-border-01)!important}.table-wrapper-premium thead tr:first-child th[colspan]{text-align:center;letter-spacing:.1em;border-bottom:1px solid #fff3;font-size:12px}.table-wrapper-premium td{color:var(--ss-text-secondary);border-bottom:1px solid var(--ss-border-01);white-space:nowrap;padding:9px 14px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s}.table-wrapper-premium td:first-child{color:var(--ss-text-primary);font-weight:700}.table-wrapper-premium tr:hover td{background:var(--ss-theme-lt);color:var(--ss-text-primary)}.table-wrapper-premium tbody tr:nth-child(2n) td{background:var(--ss-layer-02)}.table-wrapper-premium tbody tr:nth-child(2n):hover td{background:var(--ss-theme-lt)}.table-wrapper-premium tbody tr:last-child td{border-bottom:none}.bold{color:var(--report-text-main);font-weight:700}.status-tag{background:var(--ss-layer-03);color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-block}.status-tag.success{background:var(--ss-success-lt);color:var(--ss-success)}.reason-tag{background:var(--ss-danger-lt);color:var(--ss-danger);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-block}.type-tag{background:var(--ss-warn-lt);color:var(--ss-warn);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-block}.empty-message{text-align:center;color:var(--ss-text-helper);font-size:13px;font-weight:600;background:var(--ss-layer-01)!important;padding:60px 48px!important}:root,[data-theme=dark]{--master-bg:var(--ss-bg);--master-card-bg:var(--ss-layer-01);--master-header-bg:var(--ss-layer-01);--master-primary:var(--ss-theme);--master-text-main:var(--ss-text-primary);--master-text-soft:var(--ss-text-secondary);--master-text-muted:var(--ss-text-helper);--master-border:var(--ss-border-01);--master-input-bg:var(--ss-layer-02);--master-input-border:var(--ss-border-01);--master-table-header-bg:var(--ss-layer-02);--master-table-row-hover:var(--ss-theme-lt);--master-table-selected-bg:var(--ss-theme-lt)}.title-section p{color:var(--master-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px;font-weight:700}.search-box{background:var(--master-input-bg);border:1.5px solid var(--master-input-border);width:320px;transition:all var(--transition-smooth);border-radius:12px;gap:8px;padding:5px;display:flex}.search-box input{color:var(--master-text-main);background:0 0;border:none;outline:none;flex:1;padding:7px 12px;font-size:13px;font-weight:600}.search-btn{background:var(--ss-grad-theme);color:#fff;cursor:pointer;height:32px;transition:all .2s var(--ss-ease-premium);box-shadow:var(--ss-sh-glow-sm);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:12px;font-weight:700;display:flex}.search-btn:hover{box-shadow:var(--ss-sh-glow-md);filter:brightness(1.05);transform:translateY(-1px)}.master-content{flex-direction:column;flex:1;gap:12px;display:flex;overflow:hidden}.table-wrapper.no-scroll{-ms-overflow-style:none;scrollbar-width:none;flex:0 auto;overflow:auto}.table-wrapper.no-scroll::-webkit-scrollbar{display:none}table{border-collapse:collapse;table-layout:fixed;width:100%}th{background:var(--master-table-header-bg);-webkit-backdrop-filter:blur(12px);text-align:left;text-transform:uppercase;color:var(--ss-theme);z-index:10;letter-spacing:.06em;border-bottom:2px solid #774ecb4d;padding:8px 12px;font-size:12.5px;font-weight:800;position:sticky;top:0}td{color:var(--ss-text-secondary);border-bottom:1px solid var(--glass-border);cursor:pointer;white-space:nowrap;transition:all .2s var(--ss-ease-premium);padding:8px 12px;font-size:12px;font-weight:600}td:first-child,th:first-child{text-overflow:clip;width:80px;max-width:80px;padding-left:20px;padding-right:10px}tr:hover:not(.filler-row) td{background:var(--master-table-row-hover);color:var(--master-text-main)}tr:hover:not(.filler-row){z-index:1;position:relative}tr.selected td{background:var(--master-table-selected-bg);color:var(--master-primary);font-weight:700}.pagination-bar{background:var(--master-card-bg);border-top:1px solid var(--master-border);flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:6px;display:flex}.page-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn{cursor:pointer;height:40px;transition:all .3s var(--ss-ease-premium);letter-spacing:.03em;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex}.action-btn.add{background:var(--ss-grad-theme);color:#fff;box-shadow:var(--ss-sh-glow-sm)}.action-btn.add:hover{box-shadow:var(--ss-sh-glow-md);filter:brightness(1.05);transform:translateY(-2px)}.action-btn.cancel{background:var(--master-input-bg);color:var(--master-text-soft);border:1.5px solid var(--master-border)}.action-btn.cancel:hover{background:var(--ss-layer-03);color:var(--master-text-main);border-color:var(--ss-border-02)}.edit-icon,.delete-icon{border:1.5px solid var(--master-input-border);color:var(--master-text-soft);cursor:pointer;transition:all .2s var(--ss-ease-premium);background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:4px;padding:5px 14px;font-size:11px;font-weight:700;display:flex}.edit-icon:hover{border-color:var(--ss-theme);color:var(--ss-theme);background:var(--ss-theme-lt);box-shadow:var(--ss-sh)}.delete-icon:hover{border-color:var(--ss-danger);color:var(--ss-danger);background:var(--ss-danger-lt)}.form-view-container{background:var(--master-card-bg);border:1px solid var(--master-border);box-shadow:var(--ss-sh);animation:ssSlideUp .3s var(--ss-ease-premium) forwards;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.form-group.mini{flex-direction:column;gap:6px;width:100%;display:flex}.form-group.mini label{color:var(--ss-text-helper);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:10px;font-weight:800}.form-group.mini input{border:1.5px solid var(--master-input-border);background:var(--master-input-bg);height:40px;color:var(--master-text-main);transition:all .25s var(--ss-ease-premium);border-radius:12px;outline:none;width:100%;padding:0 14px;font-size:13px;font-weight:600}.form-group.mini input:hover{border-color:var(--ss-theme-hover)}.form-group.mini input:focus{border-color:var(--master-primary);box-shadow:var(--ss-sh-focus);background:var(--master-card-bg);transform:translateY(-1px)}.form-group.mini .ant-picker input,.form-group.mini .ant-select input{box-shadow:none!important;background:0 0!important;border:none!important;height:auto!important;padding:0!important}.structured-grid{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;display:grid}.form-section-group{flex-direction:column;gap:20px;display:flex}.form-section-group h3{color:var(--master-primary);text-transform:uppercase;letter-spacing:.15em;border-bottom:1px dashed var(--master-border);margin-bottom:4px;padding-bottom:8px;font-size:10px;font-weight:800}.form-body{flex:1;padding:32px;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;animation:modalFadeIn .25s var(--ss-ease-premium) forwards;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--ss-layer-01);border:1px solid var(--ss-border-01);width:90%;max-width:400px;box-shadow:var(--ss-sh-premium,0 25px 50px -12px #00000040);text-align:center;animation:modalScaleIn .35s var(--ss-ease-bounce) forwards;border-radius:28px;padding:40px 32px}.modal-icon{background:var(--ss-danger-lt);width:64px;height:64px;color:var(--ss-danger);border:1px solid #dc262633;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.modal-title{color:var(--ss-text-primary);letter-spacing:-.03em;font-size:1.1rem;font-weight:900;font-family:var(--ss-font-main);text-transform:uppercase;margin-bottom:8px}.modal-message{color:var(--ss-text-secondary);margin-bottom:28px;font-size:13px;font-weight:600;line-height:1.6}.modal-actions{justify-content:center;gap:12px;display:flex}.modal-btn{letter-spacing:.03em;cursor:pointer;height:44px;transition:all .2s var(--ss-ease-premium);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.modal-btn.cancel{background:var(--ss-layer-02);color:var(--ss-text-secondary);border:1.5px solid var(--ss-border-01)}.modal-btn.cancel:hover{background:var(--ss-layer-03);color:var(--ss-text-primary);border-color:var(--ss-border-02);transform:translateY(-1px)}.modal-btn.confirm{background:var(--ss-danger);color:var(--ss-text-white);box-shadow:0 4px 12px #dc262640}.modal-btn.confirm:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 20px #dc262659}.modal-btn.confirm:active{transform:scale(.97)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;filter:blur(4px);transform:scale(.9)translateY(10px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.status-badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-flex}.status-badge.active{background:var(--ss-success-lt);color:var(--ss-success);border:1px solid #16a34a33}.status-badge.inactive{background:var(--ss-danger-lt);color:var(--ss-danger);border:1px solid #dc262633}tr.selected td{background:var(--master-table-selected-bg,var(--ss-theme-lt))!important}input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--ss-theme);border-radius:4px}:root,[data-theme=dark]{--salary-bg:var(--ss-bg);--salary-card-bg:var(--ss-layer-01);--salary-header-bg:var(--ss-layer-01);--salary-text-main:var(--ss-text-primary);--salary-text-soft:var(--ss-text-secondary);--salary-text-muted:var(--ss-text-helper);--salary-border:var(--ss-border-01);--salary-input-bg:var(--ss-layer-02);--salary-input-border:var(--ss-border-01);--salary-primary:var(--ss-theme);--salary-primary-hover:var(--ss-theme-hover);--salary-table-header-bg:var(--ss-layer-02);--salary-table-row-hover:var(--ss-theme-lt);--salary-status-pill-bg:var(--ss-theme-lt)}.master-container{background:var(--salary-bg);width:100%;height:100%;animation:ssFadeIn .4s var(--ss-ease-premium) forwards;flex-direction:column;padding:20px;display:flex;overflow:hidden}.master-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.title-section h1{color:var(--salary-text-main);text-transform:uppercase;letter-spacing:-.03em;font-size:1.6rem;font-weight:900;font-family:var(--ss-font-main);margin-bottom:4px}.title-section p{color:var(--salary-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.search-box{background:var(--salary-card-bg);border:1.5px solid var(--salary-input-border);transition:all .2s var(--ss-ease-premium);border-radius:12px;align-items:center;gap:8px;padding:5px 12px;display:flex}.search-box:focus-within{border-color:var(--salary-primary);box-shadow:var(--ss-sh-focus)}.search-box input{color:var(--salary-text-main);background:0 0;border:none;outline:none;padding:5px 0;font-size:13px;font-weight:600}.add-btn{background:var(--ss-grad-theme);color:#fff;letter-spacing:.03em;cursor:pointer;height:40px;transition:all .3s var(--ss-ease-premium);box-shadow:var(--ss-sh-glow-sm);border:none;border-radius:12px;align-items:center;gap:8px;padding:0 24px;font-size:13px;font-weight:700;display:flex}.add-btn:hover{box-shadow:var(--ss-sh-glow-md);filter:brightness(1.05);transform:translateY(-2px)}.add-btn:active{transform:scale(.97)}.master-content.full-height{flex-direction:column;flex:1;display:flex;overflow:hidden}.form-view-container{background:var(--salary-card-bg);border:1px solid var(--salary-border);box-shadow:var(--ss-sh);border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.form-header{background:var(--salary-header-bg);border-bottom:1px solid var(--salary-border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.form-header h2{color:var(--salary-text-main);text-transform:uppercase;letter-spacing:-.02em;font-size:1.1rem;font-weight:800;font-family:var(--ss-font-main)}.close-btn{background:var(--salary-input-bg);border:1.5px solid var(--salary-border);width:32px;height:32px;color:var(--salary-text-soft);cursor:pointer;transition:all .2s var(--ss-ease-premium);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.close-btn:hover{background:var(--ss-danger-lt);color:var(--ss-danger);border-color:var(--ss-danger)}.form-body.detailed-grid{flex:1;grid-template-columns:1fr 1fr;gap:32px;padding:32px;display:grid;overflow-y:auto}.form-group.row{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--salary-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.form-group input[type=text],.form-group select{border:1.5px solid var(--salary-input-border);background:var(--salary-input-bg);height:40px;color:var(--salary-text-main);transition:all .25s var(--ss-ease-premium);border-radius:12px;outline:none;padding:0 14px;font-size:13px;font-weight:600}.form-group input[type=text]:focus,.form-group select:focus{border-color:var(--salary-primary);box-shadow:var(--ss-sh-focus);background:var(--salary-card-bg);transform:translateY(-1px)}.form-footer{background:var(--salary-input-bg);border-top:1px solid var(--salary-border);justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.validity-grid{background:var(--salary-input-bg);border:1px solid var(--salary-border);border-radius:16px;padding:20px}.months-container{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.month-item{background:var(--salary-card-bg);border:1.5px solid var(--salary-input-border);cursor:pointer;transition:all .2s var(--ss-ease-premium);border-radius:10px;justify-content:center;align-items:center;padding:9px;display:flex;position:relative}.month-item:hover{border-color:var(--salary-primary);background:var(--ss-theme-lt)}.month-item input{opacity:0;position:absolute}.month-item span{color:var(--salary-text-soft);pointer-events:none;font-size:12px;font-weight:700}.month-item:has(input:checked){background:var(--ss-grad-theme);box-shadow:var(--ss-sh-glow-sm);border-color:#0000}.month-item:has(input:checked) span{color:#fff}.all-check{color:var(--salary-primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.radio-group{flex-wrap:wrap;gap:8px;display:flex}.radio-group label{background:var(--salary-input-bg);cursor:pointer;color:var(--salary-text-soft);border:1.5px solid var(--salary-border);transition:all .2s var(--ss-ease-premium);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:7px 16px;font-size:12px;font-weight:700}.radio-group label:hover{border-color:var(--salary-primary);color:var(--salary-primary);background:var(--ss-theme-lt)}.radio-group input{display:none}.radio-group label:has(input:checked){background:var(--ss-grad-theme);color:#fff;box-shadow:var(--ss-sh-glow-sm);border-color:#0000}.table-card{background:var(--salary-card-bg);border:1px solid var(--salary-border);box-shadow:var(--ss-sh);border-radius:16px;flex-direction:column;height:fit-content;max-height:100%;margin-bottom:auto;display:flex;overflow:hidden}.table-wrapper{flex:0 auto;overflow-y:auto}table{border-collapse:collapse;width:100%}th{background:var(--salary-table-header-bg);text-align:left;text-transform:uppercase;color:var(--ss-theme);z-index:10;letter-spacing:.06em;border-bottom:2px solid #774ecb4d;padding:10px 16px;font-size:12.5px;font-weight:600;position:sticky;top:0}td{color:var(--salary-text-main);border-bottom:1px solid var(--glass-border);transition:all .2s var(--ss-ease-premium);padding:11px 16px;font-size:12px;font-weight:600}tr:hover td{background:var(--salary-table-row-hover)}td.bold{color:var(--salary-text-main);font-weight:700}.status-pill{background:var(--salary-status-pill-bg);color:var(--salary-primary);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-block}.status-pill.active{background:var(--ss-success-lt);color:var(--ss-success)}.row-actions{justify-content:center;gap:8px;display:flex}.edit-icon,.delete-icon{background:var(--salary-card-bg);border:1.5px solid var(--salary-input-border);color:var(--salary-text-soft);cursor:pointer;transition:all .2s var(--ss-ease-premium);border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.edit-icon:hover{color:var(--salary-primary);border-color:var(--salary-primary);background:var(--ss-theme-lt)}.delete-icon:hover{color:var(--ss-danger);border-color:var(--ss-danger);background:var(--ss-danger-lt)}.pagination-bar{background:var(--salary-card-bg);border-top:1px solid var(--salary-border);justify-content:center;align-items:center;gap:16px;padding:12px 24px;display:flex}.page-btn{background:var(--salary-card-bg);border:1.5px solid var(--salary-input-border);color:var(--salary-text-main);cursor:pointer;transition:all .2s var(--ss-ease-premium);border-radius:8px;padding:5px 16px;font-size:12px;font-weight:700}.page-btn:hover:not(:disabled){border-color:var(--salary-primary);color:var(--salary-primary);background:var(--ss-theme-lt)}.toggle-switch{align-items:center;gap:12px;display:flex}.toggle-switch input{visibility:hidden;width:0;height:0;position:absolute}.toggle-switch label{cursor:pointer;text-indent:-9999px;background:var(--ss-border-02);width:44px;height:24px;transition:.3s var(--ss-ease-premium);border-radius:99px;display:block;position:relative}.toggle-switch label:after{content:"";width:18px;height:18px;transition:.3s var(--ss-ease-premium);background:#fff;border-radius:99px;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+label{background:var(--ss-grad-theme)}.toggle-switch input:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.status-text{color:var(--salary-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.toggle-switch input:checked~.status-text{color:var(--salary-primary)}.header-title-group h2{margin-bottom:4px}.header-title-group p{color:var(--salary-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.radio-label{align-items:center;gap:8px;display:flex}.loading-row,.empty-row{text-align:center;color:var(--salary-text-soft);font-size:13px;font-weight:600;padding:48px!important}.animate-slide-up{animation:ssSlideUp .3s var(--ss-ease-premium) forwards}.ss-header-v2{z-index:1000;font-family:var(--ss-font-main,"Plus Jakarta Sans", sans-serif);height:64px;transition:all var(--ss-dur-premium) var(--ss-ease-premium);border-bottom:1px solid var(--ss-border-01);background:rgba(var(--ss-layer-01-rgb), .7);-webkit-backdrop-filter:blur(20px)saturate(180%);align-items:center;gap:20px;padding:0 24px;display:flex;position:sticky;top:0}.ss-header-v2.scrolled{background:rgba(var(--ss-layer-01-rgb), .85);-webkit-backdrop-filter:blur(24px)saturate(200%);border-bottom:1px solid var(--ss-theme);height:56px;box-shadow:var(--ss-sh-md)}.ss-logo-v2{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.ss-logo-icon{background:var(--ss-grad-theme);color:#fff;width:32px;height:32px;transition:transform var(--ss-dur-fast) var(--ss-ease-premium);border-radius:10px;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:16px;font-weight:800;display:flex;transform:rotate(-5deg);box-shadow:0 4px 12px #774ecb4d}.ss-logo-v2:hover .ss-logo-icon{transform:rotate(0)scale(1.05)}.ss-logo-text-v2{color:var(--ss-text-primary);letter-spacing:-.5px;white-space:nowrap;font-family:Syne,sans-serif;font-size:18px;font-weight:800}.ss-logo-text-v2 span{background:var(--ss-grad-theme);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.ss-nav-v2{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.ss-nav-pill{background:var(--ss-layer-02);border:1px solid var(--ss-border-01);box-shadow:var(--ss-sh);scrollbar-width:none;border-radius:16px;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.ss-nav-pill::-webkit-scrollbar{display:none}.ss-nav-link-v2{height:40px;color:var(--ss-text-helper);transition:all var(--ss-dur-premium) var(--ss-ease-premium);white-space:nowrap;backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:max-width, padding, background;border:1px solid #0000;border-radius:12px;align-items:center;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.ss-nav-link-v2:hover{color:var(--ss-text-primary);background:var(--ss-layer-03)}.ss-nav-link-v2 span{opacity:0;max-width:0;transition:all var(--ss-dur-premium) var(--ss-ease-premium);pointer-events:none;margin-left:0;display:inline-block;overflow:hidden}.ss-nav-link-v2:hover span,.ss-nav-link-v2.active span{opacity:1;max-width:150px;margin-left:10px}.ss-nav-link-v2.active{background:var(--ss-layer-01);color:var(--ss-theme);border-color:var(--ss-border-01);padding:0 18px;box-shadow:0 4px 12px #00000014}.ss-nav-link-v2 .icon{filter:grayscale();transition:all var(--ss-dur-premium) var(--ss-ease-premium);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex;transform:translateZ(0)}.ss-nav-link-v2:hover .icon{filter:grayscale(0);transform:scale(1.1)translateZ(0)}.ss-nav-link-v2.active .icon{filter:grayscale(0);color:var(--ss-theme);transform:scale(1.05)translateZ(0)}.ss-actions-v2{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.ss-logout-v2{border:1px solid var(--ss-danger-lt);background:var(--ss-danger-lt);width:34px;height:34px;color:var(--ss-danger);cursor:pointer;transition:all var(--ss-dur-fast) var(--ss-ease-standard);border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.ss-logout-v2:hover{background:var(--ss-danger);color:#fff;border-color:var(--ss-danger)}.ss-time-v2{color:var(--ss-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}@media (width<=1400px){.ss-logo-text-v2{display:none}}@media (width<=1000px){.ss-header-v2{gap:10px;padding:0 12px}}.app-container{width:100%;height:100vh}