:root{--brand:168 84% 48%;--brand-hover:168 84% 42%;--brand-light:168 84% 96%;--brand-dark:168 84% 35%;--surface:0 0% 100%;--surface-elevated:220 14% 98%;--gradient-primary:linear-gradient(135deg,hsl(168 84% 48%),hsl(168 84% 35%));--gradient-secondary:linear-gradient(135deg,hsl(168 84% 96%),hsl(168 84% 90%));--gradient-accent:linear-gradient(135deg,hsl(262 83% 58%),hsl(262 83% 48%));--muted:210 14% 96%;--muted-hover:210 14% 94%;--border:214 32% 91%;--border-hover:214 32% 87%;--text:222 47% 11%;--text-muted:215 16% 47%;--text-accent:168 84% 48%;--success:142 76% 36%;--success-light:142 76% 95%;--warning:38 92% 50%;--warning-light:38 92% 95%;--error:0 84% 60%;--error-light:0 84% 95%;--info:199 89% 48%;--info-light:199 89% 95%;--shadow-sm:0 1px 2px 0 hsl(222 47% 11%/0.05);--shadow-md:0 4px 6px -1px hsl(222 47% 11%/0.1),0 2px 4px -2px hsl(222 47% 11%/0.1);--shadow-lg:0 10px 15px -3px hsl(222 47% 11%/0.1),0 4px 6px -4px hsl(222 47% 11%/0.1)}.container-narrow{max-width:1200px;margin:0 auto;padding:1.25rem;background:var(--surface);border-radius:1.5rem}.card,.container-narrow{box-shadow:var(--shadow-sm)}.card{background:linear-gradient(145deg,hsl(var(--surface)) 0,hsl(var(--surface-elevated)) 100%);border:1px solid hsl(var(--border));border-radius:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:.875rem;padding:.625rem 1.125rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{color:white;border:none;box-shadow:0 4px 12px hsl(var(--brand)/.3)}.btn-primary,.btn-primary:hover{background:var(--gradient-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px hsl(var(--brand)/.4)}.btn-ghost{background-color:transparent;border:1px solid hsl(var(--border));color:hsl(var(--text));backdrop-filter:blur(4px)}.btn-ghost:hover{background-color:hsl(var(--muted-hover));border-color:hsl(var(--border-hover));transform:translateY(-1px)}.btn-secondary{color:hsl(var(--text));border:none}.btn-secondary,.btn-secondary:hover{background:var(--gradient-secondary)}.btn-secondary:hover{transform:translateY(-1px)}.input{width:100%;border:1px solid hsl(var(--border));border-radius:.875rem;padding:.625rem .875rem;background:linear-gradient(145deg,hsl(var(--surface)) 0,hsl(var(--surface-elevated)) 100%);transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px)}.input:focus{border-color:hsl(var(--brand));box-shadow:0 0 0 3px hsl(var(--brand)/.1),var(--shadow-sm);transform:translateY(-1px)}.input:hover{border-color:hsl(var(--border-hover))}.label{display:block;color:hsl(var(--text));margin-bottom:.5rem;background:linear-gradient(135deg,hsl(var(--text)) 0,hsl(var(--text-accent)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge,.label{font-weight:600}.badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.badge-neutral{background:hsl(var(--muted));color:hsl(var(--text));border:1px solid hsl(var(--border))}.badge-success{background:linear-gradient(135deg,hsl(var(--success-light)) 0,hsl(var(--success)/.1) 100%);color:hsl(var(--success));border:1px solid hsl(var(--success)/.3)}.badge-warning{background:linear-gradient(135deg,hsl(var(--warning-light)) 0,hsl(var(--warning)/.1) 100%);color:hsl(var(--warning));border:1px solid hsl(var(--warning)/.3)}.badge-info{background:linear-gradient(135deg,hsl(var(--info-light)) 0,hsl(var(--info)/.1) 100%);color:hsl(var(--info));border:1px solid hsl(var(--info)/.3)}.table{width:100%;border-collapse:separate;border-spacing:0;background:hsl(var(--surface));border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-sm)}.table td,.table th{border-bottom:1px solid hsl(var(--border));padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.table th{font-weight:700;text-align:left;background:linear-gradient(145deg,hsl(var(--muted)) 0,hsl(var(--muted-hover)) 100%);position:sticky;top:0;z-index:10}.table th:hover{background:linear-gradient(145deg,hsl(var(--muted-hover)) 0,hsl(var(--muted)) 100%)}.table tr:hover td{background:linear-gradient(145deg,hsl(var(--muted)/.3) 0,hsl(var(--muted)/.1) 100%);transform:scale(1.01)}.table tr:last-child td{border-bottom:none}.mono{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:hsl(var(--text-accent))}