:root{--space-0:0;--space-px:1px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-pill:9999px;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-display:"Inter",system-ui,sans-serif;--tracking-tight:-0.02em;--tracking-normal:-0.01em;--tracking-wide:0.05em;--shadow-sm:0 1px 2px rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.02);--shadow-md:0 2px 4px rgba(0,0,0,.06),0 4px 8px rgba(0,0,0,.04);--shadow-lg:0 4px 12px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.08);--shadow-glow:0 0 0 transparent;--btn-radius:var(--radius-md);--btn-padding-x:var(--space-4);--btn-padding-y:var(--space-2);--btn-font-weight:500;--btn-font-size:var(--text-sm);--card-radius:var(--radius-xl);--card-padding:var(--space-5);--card-shadow:var(--shadow-sm);--nav-item-radius:var(--radius-md);--nav-item-padding-x:var(--space-3);--nav-item-padding-y:var(--space-2);--nav-item-font-size:var(--text-sm);--pill-radius:var(--radius-pill);--pill-padding-x:var(--space-2);--pill-padding-y:0.125rem;--pill-font-size:var(--text-xs);--input-radius:var(--radius-md);--input-padding-x:var(--space-3);--input-padding-y:var(--space-2);--list-row-padding-x:var(--space-4);--list-row-padding-y:var(--space-3);--list-row-border:1px solid hsl(var(--border));--duration-fast:100ms;--duration-base:150ms;--duration-slow:250ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);font-family:var(--font-sans);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:1.2;letter-spacing:var(--tracking-normal);border:1px solid transparent;background:transparent;color:hsl(var(--foreground));cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:hsl(var(--card));color:hsl(var(--foreground));border-color:hsl(var(--border))}.btn-secondary:hover:not(:disabled){background:hsl(var(--accent));border-color:hsl(var(--muted-foreground)/.4)}.btn-ghost{color:hsl(var(--muted-foreground))}.btn-ghost:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--foreground))}.btn-danger{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-sm{padding:4px var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-md)}.btn-icon{width:32px;height:32px;padding:0}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight)}.card-subtitle{font-size:var(--text-sm);margin-top:2px}.card-subtitle,.nav-item{color:hsl(var(--muted-foreground))}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--nav-item-padding-y) var(--nav-item-padding-x);border-radius:var(--nav-item-radius);font-size:var(--nav-item-font-size);font-weight:500;cursor:pointer;text-decoration:none;transition:background var(--duration-base),color var(--duration-base)}.nav-item:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.nav-item--active{background:hsl(var(--primary)/.12)}.avatar,.nav-item--active{color:hsl(var(--primary));font-weight:600}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:hsl(var(--primary)/.15);font-size:var(--text-xs);flex-shrink:0}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:40px;height:40px;font-size:var(--text-base)}.avatar-square{border-radius:var(--radius-md)}.pill{display:inline-flex;align-items:center;gap:4px;padding:var(--pill-padding-y) var(--pill-padding-x);border-radius:var(--pill-radius);font-size:var(--pill-font-size);font-weight:500;background:hsl(var(--muted));color:hsl(var(--muted-foreground));line-height:1.4}.pill-success{background:rgba(34,197,94,.15);color:#15803d}.dark .pill-success{color:#4ade80}.pill-warning{background:rgba(245,158,11,.15);color:#b45309}.dark .pill-warning{color:#fbbf24}.pill-danger{background:rgba(239,68,68,.15);color:#b91c1c}.dark .pill-danger{color:#f87171}.pill-info{background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--input-radius);font-size:var(--text-sm);font-family:var(--font-sans);color:hsl(var(--foreground));transition:border-color var(--duration-base),box-shadow var(--duration-base)}.input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.15)}.list-row{display:grid;align-items:center;gap:var(--space-3);padding:var(--list-row-padding-y) var(--list-row-padding-x);border-bottom:var(--list-row-border);cursor:pointer;transition:background var(--duration-base)}.list-row:hover{background:hsl(var(--accent)/.4)}.list-row:last-child{border-bottom:none}.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:hsl(var(--muted-foreground))}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:hsl(var(--muted-foreground));flex-shrink:0}.status-dot--ok{background:#22c55e}.status-dot--warn{background:#f59e0b}.status-dot--danger{background:#ef4444}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) 0 var(--space-4);border-bottom:1px solid hsl(var(--border));margin-bottom:var(--space-5)}.page-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.1}.page-subtitle{font-size:var(--text-sm);color:hsl(var(--muted-foreground));margin-top:4px}:root[data-theme=linear]{--primary:262 83% 70%;--primary-foreground:240 5% 6%;--radius-sm:3px;--radius-md:5px;--radius-lg:6px;--radius-xl:8px;--btn-radius:5px;--btn-padding-x:11px;--btn-padding-y:6px;--btn-font-weight:500;--card-radius:8px;--card-shadow:none;--nav-item-radius:5px;--nav-item-padding-x:10px;--nav-item-padding-y:5px;--list-row-padding-y:10px;--list-row-padding-x:24px;--list-row-border:1px solid hsl(var(--border)/0.5);--shadow-sm:none;--shadow-md:0 1px 0 hsl(var(--border)/0.6);--shadow-lg:0 4px 14px rgba(0,0,0,.12)}:root[data-theme=linear] .btn-primary{font-weight:600;letter-spacing:var(--tracking-normal)}:root[data-theme=linear] .card{border-color:hsl(var(--border)/.6)}:root[data-theme=linear] .pill{border-radius:4px;font-weight:600;letter-spacing:.02em}:root[data-theme=linear] .avatar{border-radius:4px;background:hsl(var(--primary)/.18);color:hsl(var(--primary))}:root[data-theme=linear] .nav-item--active{background:hsl(var(--accent));color:hsl(var(--foreground))}:root[data-theme=linear] .page-title{font-size:22px;font-weight:600;letter-spacing:-.025em}:root[data-theme=linear] .pill-danger,:root[data-theme=linear] .pill-success,:root[data-theme=linear] .pill-warning{background:transparent;padding-left:0;position:relative;padding-inline-start:12px}:root[data-theme=linear] .pill-danger:before,:root[data-theme=linear] .pill-success:before,:root[data-theme=linear] .pill-warning:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%}:root[data-theme=linear] .pill-success:before{background:#22c55e}:root[data-theme=linear] .pill-warning:before{background:#f59e0b}:root[data-theme=linear] .pill-danger:before{background:#ef4444}:root[data-theme=bento]{--primary:189 94% 53%;--primary-foreground:222 47% 11%;--radius-lg:14px;--radius-xl:16px;--radius-2xl:20px;--btn-radius:8px;--btn-padding-x:14px;--btn-padding-y:8px;--btn-font-weight:600;--card-radius:14px;--card-padding:16px;--card-shadow:0 1px 0 hsla(0,0%,100%,.04) inset,0 4px 16px rgba(0,0,0,.08);--nav-item-radius:8px;--nav-item-padding-x:12px;--shadow-sm:0 1px 0 hsla(0,0%,100%,.04) inset,0 2px 8px rgba(0,0,0,.08);--shadow-md:0 1px 0 hsla(0,0%,100%,.04) inset,0 6px 20px rgba(0,0,0,.12);--shadow-lg:0 1px 0 hsla(0,0%,100%,.06) inset,0 12px 32px rgba(0,0,0,.2)}:root[data-theme=bento] .card{background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(var(--card)/.7) 100%);border:1px solid hsl(var(--border));transition:transform var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}:root[data-theme=bento] .card:hover{transform:translateY(-2px);border-color:hsl(var(--primary)/.4)}:root[data-theme=bento] .btn-primary{background:linear-gradient(135deg,#16d6f8,#0da2e7);box-shadow:0 4px 16px rgba(22,214,248,.3)}:root[data-theme=bento] .avatar{background:linear-gradient(135deg,#16d6f8,#7c3bed);color:#fff;font-weight:700;border-radius:8px}:root[data-theme=bento] .pill{border-radius:6px;font-weight:600}:root[data-theme=linear]:not(.dark){--primary:262 83% 58%;--primary-foreground:0 0% 100%}:root[data-theme=linear]:not(.dark) .card{background:#fff;border-color:hsl(var(--border))}:root[data-theme=linear].dark{--primary:262 83% 75%;--primary-foreground:240 5% 6%}:root[data-theme=bento]:not(.dark){--primary:199 89% 48%;--primary-foreground:0 0% 100%;--card-shadow:0 1px 0 rgba(0,0,0,.02) inset,0 4px 16px rgba(0,0,0,.06);--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 12px 32px rgba(0,0,0,.12)}:root[data-theme=bento]:not(.dark) .card{background:linear-gradient(135deg,#fff,#fcfcfd)}:root[data-theme=bento]:not(.dark) .btn-primary{background:linear-gradient(135deg,#0da2e7,#3c83f6)}:root[data-theme=bento]:not(.dark) .avatar{background:linear-gradient(135deg,#0da2e7,#7c3bed)}:root[data-theme=bento].dark{--primary:189 94% 53%;--primary-foreground:222 47% 11%}:root[data-theme=linear] .rounded-lg{border-radius:6px!important}:root[data-theme=linear] .rounded-xl{border-radius:8px!important}:root[data-theme=linear] .rounded-2xl{border-radius:10px!important}:root[data-theme=linear] .rounded-md{border-radius:5px!important}:root[data-theme=linear] .rounded{border-radius:4px!important}:root[data-theme=linear] .bg-card{background:hsl(var(--card))!important}:root[data-theme=linear] .bg-card,:root[data-theme=linear] .border,:root[data-theme=linear] .border-border{border-color:hsl(var(--border)/.6)!important}:root[data-theme=linear] .shadow,:root[data-theme=linear] .shadow-md,:root[data-theme=linear] .shadow-sm{box-shadow:none!important}:root[data-theme=linear] .shadow-lg{box-shadow:0 1px 0 hsl(var(--border)),0 8px 24px rgba(0,0,0,.08)!important}:root[data-theme=linear] .px-4.py-2{padding:6px 11px!important}:root[data-theme=linear] .py-3{padding-top:10px!important;padding-bottom:10px!important}:root[data-theme=bento] .rounded-lg{border-radius:12px!important}:root[data-theme=bento] .rounded-xl{border-radius:16px!important}:root[data-theme=bento] .rounded-2xl{border-radius:20px!important}:root[data-theme=bento] .rounded{border-radius:8px!important}:root[data-theme=bento] .bg-card{background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(var(--card)/.85) 100%)!important}:root[data-theme=bento]:not(.dark) .bg-card{background:linear-gradient(135deg,#fff,#fcfcfd)!important;border-color:#e1e7ef!important}:root[data-theme=bento] .shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04)!important}:root[data-theme=bento] .shadow,:root[data-theme=bento] .shadow-md{box-shadow:0 4px 12px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06)!important}:root[data-theme=bento] .shadow-lg{box-shadow:0 12px 32px rgba(0,0,0,.12),0 24px 48px rgba(0,0,0,.08)!important}:root[data-theme=bento] .bg-card.cursor-pointer,:root[data-theme=bento] .bg-card[role=button]{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s}:root[data-theme=bento] .bg-card.cursor-pointer:hover{transform:translateY(-2px)}:root[data-theme=bento] .bg-primary{background:linear-gradient(135deg,#16d6f8,#0da2e7)!important;box-shadow:0 4px 14px rgba(34,211,238,.25)}:root[data-theme=bento]:not(.dark) .bg-primary{background:linear-gradient(135deg,#0da2e7,#0b64f4)!important}:root[data-theme=linear]{--sidebar-bg:222 22% 7%}:root[data-theme=linear]:not(.dark){--sidebar-bg:240 8% 95%}:root[data-theme=linear] aside .text-sm,:root[data-theme=linear] nav .text-sm{font-size:12.5px!important;letter-spacing:-.01em}:root[data-theme=linear] aside .uppercase{text-transform:none!important;letter-spacing:0!important;font-size:11px!important;font-weight:600!important;opacity:.6}:root[data-theme=linear] h1.text-2xl{font-size:22px!important;letter-spacing:-.025em!important;font-weight:600!important}:root[data-theme=linear] .bg-green-100,:root[data-theme=linear] .dark\:bg-green-900\/30{background:transparent!important;padding-left:14px!important;position:relative}:root[data-theme=linear] .bg-green-100:before,:root[data-theme=linear] .dark\:bg-green-900\/30:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#22c55e}:root[data-theme=linear] .dark\:text-green-400,:root[data-theme=linear] .text-green-700{color:hsl(var(--muted-foreground))!important;font-weight:500!important}:root[data-theme=linear] thead{background:transparent!important}:root[data-theme=linear] thead th{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:hsl(var(--muted-foreground))!important;font-weight:500!important;padding-top:8px!important;padding-bottom:8px!important}:root[data-theme=linear] tbody tr{border-bottom:1px solid hsl(var(--border)/.4)!important}:root[data-theme=linear] tbody tr:hover{background:hsl(var(--accent)/.5)!important}:root[data-theme=linear] tbody td{padding-top:10px!important;padding-bottom:10px!important;font-size:13.5px!important}:root[data-theme=linear] aside a.bg-primary\/10{background:hsl(var(--accent))!important;color:hsl(var(--foreground))!important}:root[data-theme=bento]{--sidebar-bg:222 47% 11%}:root[data-theme=bento]:not(.dark){--sidebar-bg:220 14% 97%}:root[data-theme=bento] h1.text-2xl{font-size:30px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important}:root[data-theme=bento] aside .uppercase{text-transform:none!important;letter-spacing:-.01em!important;font-size:11.5px!important;font-weight:700!important;color:hsl(var(--muted-foreground))!important}:root[data-theme=bento] thead{background:transparent!important}:root[data-theme=bento] thead th{font-size:11px!important;letter-spacing:.5px!important;color:hsl(var(--muted-foreground))!important;font-weight:600!important;border-bottom:1px solid hsl(var(--border)/.6)!important}:root[data-theme=bento] tbody tr{border-bottom:1px solid hsl(var(--border)/.3)!important}:root[data-theme=bento] tbody tr:hover{background:linear-gradient(90deg,rgba(22,214,248,.06),transparent)!important}:root[data-theme=bento] tbody td{padding-top:14px!important;padding-bottom:14px!important}:root[data-theme=bento] .bg-green-100,:root[data-theme=bento] .dark\:bg-green-900\/30{padding:4px 10px!important;border-radius:6px!important;box-shadow:0 0 0 1px rgba(34,197,94,.2);font-weight:600!important}:root[data-theme=bento] aside a.bg-primary\/10{background:linear-gradient(90deg,rgba(22,214,248,.15),transparent)!important;border-left:2px solid #16d6f8!important;padding-left:10px!important;color:hsl(var(--foreground))!important;font-weight:600!important}:root[data-theme=bento] .text-2xl.font-bold,:root[data-theme=bento] .text-3xl.font-bold{background:linear-gradient(135deg,#16d6f8,#7c3bed);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:800!important}:root[data-theme=bento] input[type=search],:root[data-theme=bento] input[type=text][placeholder*=Such]{border-radius:24px!important;padding-left:36px!important;background:hsl(var(--muted)/.5)!important}:root[data-theme=bento] input[type=number],:root[data-theme=linear] input[type=number]{-moz-appearance:textfield!important}:root[data-theme=bento] input[type=number]::-webkit-inner-spin-button,:root[data-theme=linear] input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.theme-preview-card{position:relative;display:block;cursor:pointer;border:2px solid hsl(var(--border));border-radius:10px;overflow:hidden;transition:border-color .15s,transform .15s}.theme-preview-card:hover{border-color:hsl(var(--muted-foreground));transform:translateY(-2px)}.theme-preview-card.active{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.2)}.theme-preview-card .label{padding:10px 12px;background:hsl(var(--card));border-top:1px solid hsl(var(--border));font-size:13px;font-weight:600}