:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root{--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--gray-950: #0a0a0a;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--yellow-50: #fefce8;--yellow-500: #eab308;--yellow-600: #ca8a04;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem}:root{--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}:root{--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-base: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--shadow-blue: 0 10px 25px -5px rgb(59 130 246 / .3);--shadow-purple: 0 10px 25px -5px rgb(168 85 247 / .3);--shadow-red: 0 10px 25px -5px rgb(239 68 68 / .3)}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55)}:root{--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--z-notification: 1700}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);line-height:var(--leading-tight);text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);user-select:none;outline:none;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-xs{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-height:1.5rem}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);min-height:2rem}.btn-base{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);min-height:2.5rem}.btn-lg{font-size:var(--text-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);min-height:3rem}.btn-xl{font-size:var(--text-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);min-height:3.5rem}.btn-primary{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-800) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--gray-700);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--gray-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--gray-700);border-color:var(--gray-300)}.btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-400)}.btn-ghost{background-color:transparent;color:var(--gray-700)}.btn-ghost:hover{background-color:var(--gray-100)}.btn-danger{background:linear-gradient(135deg,var(--red-600) 0%,var(--red-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:linear-gradient(135deg,var(--red-700) 0%,var(--red-800) 100%);box-shadow:var(--shadow-red);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--green-600) 0%,var(--green-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{background:linear-gradient(135deg,var(--green-700) 0%,var(--green-800) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-icon{padding:var(--space-2);aspect-ratio:1}.btn-icon.btn-sm{padding:var(--space-1)}.btn-icon.btn-lg{padding:var(--space-3)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);letter-spacing:var(--tracking-tight)}.input-label.required:after{content:"*";color:var(--red-500);margin-left:var(--space-1)}.input{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--gray-900);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:all var(--transition-base);outline:none}.input:hover{border-color:var(--gray-400)}.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--gray-400)}.input:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.input-error{border-color:var(--red-500)}.input-error:focus{border-color:var(--red-500);box-shadow:0 0 0 3px #ef44441a}.input-helper{font-size:var(--text-xs);color:var(--gray-500)}.input-error-text{font-size:var(--text-xs);color:var(--red-600);display:flex;align-items:center;gap:var(--space-1)}.card{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);line-height:var(--leading-tight)}.card-description{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-1)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:var(--blue-100);color:var(--blue-700)}.badge-success{background-color:var(--green-100);color:var(--green-700)}.badge-warning{background-color:var(--yellow-100);color:var(--yellow-700)}.badge-danger{background-color:var(--red-100);color:var(--red-700)}.badge-neutral{background-color:var(--gray-100);color:var(--gray-700)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-gray-900{color:var(--gray-900)}.text-gray-700{color:var(--gray-700)}.text-gray-500{color:var(--gray-500)}.text-gray-400{color:var(--gray-400)}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--text-primary: var(--gray-100);--text-secondary: var(--gray-400);--border-color: var(--gray-700)}}