:root{--surface-0:#FFFFFF;--surface-1:#F8F9FA;--surface-2:#E9ECEF;--surface-3:#DEE2E6;--font-family-base:"Plus Jakarta Sans",sans-serif;--font-base-size:16px;--font-line-height:1.6;--font-sm-size:14px;--font-lg-size:18px;--font-xl-size:20px;--font-2xl-size:24px;--font-3xl-size:30px;--font-4xl-size:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;--space-48:192px;--space-56:224px;--space-64:256px;--radius-base:12px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-base:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--status-success:#10b981;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#3b82f6;--priority-high:#ef4444;--priority-medium:#f59e0b;--priority-low:#10b981;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}.dark{--surface-0:#1a1a1a;--surface-1:#2a2a2a;--surface-2:#3a3a3a;--surface-3:#4a4a4a;--status-success:#34d399;--status-warning:#fbbf24;--status-error:#f87171;--status-info:#60a5fa;--priority-high:#f87171;--priority-medium:#fbbf24;--priority-low:#34d399}.surface-0{background-color:var(--surface-0)}.surface-1{background-color:var(--surface-1)}.surface-2{background-color:var(--surface-2)}.surface-3{background-color:var(--surface-3)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.elevation-0{box-shadow:var(--shadow-sm)}.elevation-1{box-shadow:var(--shadow-base)}.elevation-2{box-shadow:var(--shadow-md)}.elevation-3{box-shadow:var(--shadow-lg)}.elevation-4{box-shadow:var(--shadow-xl)}.elevation-5{box-shadow:var(--shadow-2xl)}.elevation-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.elevation-press:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.elevation-focus:focus{box-shadow:var(--shadow-lg);outline:2px solid hsl(var(--primary)/.2);outline-offset:2px}.elevation-interactive{transition:all .3s ease-out}.elevation-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.elevation-interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.elevation-interactive:focus{box-shadow:var(--shadow-lg);outline:2px solid hsl(var(--primary)/.2);outline-offset:2px}.shadow-card{box-shadow:var(--shadow-base)}.shadow-card-hover{box-shadow:var(--shadow-md)}.shadow-card-elevated{box-shadow:var(--shadow-lg)}.elevation-card-flat{box-shadow:none}.elevation-card-raised{box-shadow:var(--shadow-sm)}.elevation-card-elevated{box-shadow:var(--shadow-md)}.elevation-card-floating{box-shadow:var(--shadow-lg)}.elevation-button{box-shadow:var(--shadow-sm);transition:all .3s ease-out}.elevation-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.elevation-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.elevation-button-primary{box-shadow:var(--shadow-md);transition:all .3s ease-out}.elevation-button-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.elevation-button-primary:active{box-shadow:var(--shadow-md);transform:translateY(0)}.elevation-modal{box-shadow:var(--shadow-xl)}.elevation-popover{box-shadow:var(--shadow-lg)}.elevation-sidebar,.elevation-tooltip{box-shadow:var(--shadow-md)}.elevation-navigation{box-shadow:var(--shadow-sm)}.rounded-base{border-radius:var(--radius-base)}.rounded-card{border-radius:var(--radius-md)}.transition-base{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-base,.transition-slow{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.transition-slow{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}