@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--primary-h:285;--primary:oklch(.7 .18 var(--primary-h));--primary-foreground:#fcfcfc;--primary-soft:color-mix(in oklch, var(--primary) 14%, transparent);--primary-softer:color-mix(in oklch, var(--primary) 8%, transparent);--primary-ring:color-mix(in oklch, var(--primary) 40%, transparent);--success:#4ac777;--success-soft:color-mix(in oklch, var(--success) 14%, transparent);--destructive:#fc4543;--destructive-soft:color-mix(in oklch, var(--destructive) 12%, transparent);--warn:#eba941;--warn-soft:color-mix(in oklch, var(--warn) 14%, transparent);--d-row-py:10px;--d-card-p:18px;--d-grid-gap:16px}@supports (color:lab(0% 0 0)){:root{--primary-foreground:lab(98.84% .0000298023 -.0000119209);--success:lab(71.8838% -49.4691 29.6083);--destructive:lab(58.3621% 69.3218 44.7671);--warn:lab(74.3749% 18.2478 61.1498)}}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050509;--bg-elev:#0a0a12;--bg-elev-2:#12121a;--bg-soft:#0d0d15;--fg:#f1f1f7;--fg-muted:#9d9dab;--fg-subtle:#676874;--border:#23232e;--border-strong:#363743;--input:#13131c;--ring:var(--primary-ring);--orb-1:color-mix(in oklch, var(--primary) 60%, transparent);--orb-2:#0079bf59}@supports (color:lab(0% 0 0)){.dark{--bg:lab(1.33654% .435211 -1.54465);--bg-elev:lab(2.96378% .992306 -3.51366);--bg-elev-2:lab(5.5764% 1.66313 -5.87525);--bg-soft:lab(3.95671% 1.17511 -4.20252);--fg:lab(95.292% .746399 -2.92352);--fg-muted:lab(65.0233% 1.96275 -7.25044);--fg-subtle:lab(44.14% 2.01035 -7.22437);--border:lab(13.9669% 2.1977 -7.13594);--border-strong:lab(23.2322% 2.3516 -7.87815);--input:lab(6.0456% 1.74422 -6.07196);--orb-2:lab(47.067% -10.13 -61.3831/.35)}}:root:not(.dark){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafc;--bg-elev:#fff;--bg-elev-2:#f4f5f8;--bg-soft:#f1f1f5;--fg:#111116;--fg-muted:#4c4c54;--fg-subtle:#7f8086;--border:#e0e1e7;--border-strong:#c2c3cb;--input:#f4f5f8;--orb-1:color-mix(in oklch, var(--primary) 45%, transparent);--orb-2:#00a9fb40}@supports (color:lab(0% 0 0)){:root:not(.dark){--bg:lab(98.2377% .190079 -1.12112);--bg-elev:lab(100% 0 0);--bg-elev-2:lab(96.4826% .319541 -1.86677);--bg-soft:lab(95.3226% .31963 -1.86673);--fg:lab(5.20507% .584424 -3.04003);--fg-muted:lab(32.6254% .840202 -4.43712);--fg-subtle:lab(53.5232% .669003 -3.71523);--border:lab(89.4997% .518739 -2.98207);--border-strong:lab(79.044% .65735 -3.72217);--input:lab(96.4826% .319541 -1.86677);--orb-2:lab(64.8532% -16.0052 -55.8102/.25)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01", "ss02";font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45}.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace}button{font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}[data-density=compact]{--d-row-py:6px;--d-card-p:12px;--d-grid-gap:10px}[data-density=roomy]{--d-row-py:14px;--d-card-p:22px;--d-grid-gap:22px}.orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orbs:before,.orbs:after{content:"";filter:blur(80px);opacity:.55;border-radius:50%;width:60vmin;height:60vmin;animation:26s ease-in-out infinite orb;position:absolute}.orbs:before{background:var(--orb-1);top:-10vmin;left:-10vmin}.orbs:after{background:var(--orb-2);animation-duration:32s;animation-delay:-8s;bottom:-10vmin;right:-15vmin}@keyframes orb{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(6vmin,4vmin)scale(1.12)}}.dot-grid{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--fg) 8%, transparent) 1px, transparent 0);opacity:.5;background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 80%)}.app{z-index:1;grid-template-columns:auto 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.sidebar{background:color-mix(in oklch, var(--bg-elev) 92%, transparent);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;width:248px;height:100vh;min-height:0;transition:width .25s cubic-bezier(.32,.72,0,1);display:flex;position:relative}.sidebar[data-collapsed=true]{width:68px}.sidebar[data-variant=floating]{border:1px solid var(--border);border-radius:16px;height:calc(100vh - 24px);margin:12px 0 12px 12px}.sidebar[data-variant=rail]{width:68px}.sidebar[data-collapsed=true] .nav-label,.sidebar[data-collapsed=true] .sidebar-group-label,.sidebar[data-collapsed=true] .tenant-meta,.sidebar[data-collapsed=true] .usage-tile,.sidebar[data-collapsed=true] .user-meta,.sidebar[data-collapsed=true] .nav-suffix,.sidebar[data-variant=rail] .nav-label,.sidebar[data-variant=rail] .sidebar-group-label,.sidebar[data-variant=rail] .tenant-meta,.sidebar[data-variant=rail] .usage-tile,.sidebar[data-variant=rail] .user-meta,.sidebar[data-variant=rail] .nav-suffix{display:none!important}.sidebar[data-collapsed=true] .sidebar-head,.sidebar[data-variant=rail] .sidebar-head{border-bottom:1px solid var(--border);justify-content:center;padding:12px 8px}.sidebar[data-collapsed=true] .tenant-chip,.sidebar[data-variant=rail] .tenant-chip{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 60%, #006aa2));border-color:color-mix(in oklch, var(--primary) 50%, transparent);width:40px;height:40px;box-shadow:0 4px 16px var(--primary-soft);flex:none;justify-content:center;padding:0}@supports (color:lab(0% 0 0)){.sidebar[data-collapsed=true] .tenant-chip,.sidebar[data-variant=rail] .tenant-chip{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 60%, lab(41.1406% -7.40173 -61.2538)))}}.sidebar[data-collapsed=true] .tenant-logo,.sidebar[data-variant=rail] .tenant-logo{box-shadow:none;background:0 0}.sidebar[data-collapsed=true] .sidebar-body,.sidebar[data-variant=rail] .sidebar-body{gap:14px;padding:10px 8px}.sidebar[data-collapsed=true] .sidebar-group,.sidebar[data-variant=rail] .sidebar-group{gap:4px}.sidebar[data-collapsed=true] .sidebar-group+.sidebar-group:before,.sidebar[data-variant=rail] .sidebar-group+.sidebar-group:before{content:"";background:var(--border);width:24px;height:1px;margin:2px auto 4px;display:block}.sidebar[data-collapsed=true] .nav-item,.sidebar[data-variant=rail] .nav-item{border-radius:9px;justify-content:center;width:40px;height:40px;margin:0 auto;padding:9px}.sidebar[data-collapsed=true] .nav-item[data-active=true]:before,.sidebar[data-variant=rail] .nav-item[data-active=true]:before{top:7px;bottom:7px;left:-12px}.sidebar[data-collapsed=true] .recent-dot,.sidebar[data-variant=rail] .recent-dot{background:var(--bg-soft);border:1px solid var(--border);width:22px;height:22px;color:var(--fg-muted);border-radius:7px;place-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:grid}.sidebar[data-collapsed=true] .nav-item[data-active=true] .recent-dot,.sidebar[data-variant=rail] .nav-item[data-active=true] .recent-dot{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in oklch, var(--primary) 30%, transparent)}.sidebar[data-collapsed=true] .recent-dot:after,.sidebar[data-variant=rail] .recent-dot:after{content:attr(data-letter)}.sidebar[data-collapsed=true] .sidebar-foot,.sidebar[data-variant=rail] .sidebar-foot{align-items:center;padding:10px 8px}.sidebar[data-collapsed=true] .user-card,.sidebar[data-variant=rail] .user-card{justify-content:center;width:40px;height:40px;padding:0}.sidebar[data-collapsed=true] .user-card .icon-btn,.sidebar[data-variant=rail] .user-card .icon-btn{display:none}.sidebar-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 12px;display:flex}.tenant-chip{background:linear-gradient(135deg, var(--primary-soft), color-mix(in oklch, var(--primary) 4%, transparent));border:1px solid color-mix(in oklch, var(--primary) 30%, transparent);border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 10px 6px 6px;display:flex}.tenant-logo{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 60%, #006aa2));color:#fff;width:28px;height:28px;box-shadow:inset 0 1px 0 #fff3, 0 4px 14px var(--primary-soft);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}@supports (color:lab(0% 0 0)){.tenant-logo{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 60%, lab(41.1406% -7.40173 -61.2538)))}}.tenant-meta{flex-direction:column;min-width:0;display:flex}.tenant-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.tenant-plan{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:10px}.sidebar-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;gap:18px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-body::-webkit-scrollbar{width:6px}.sidebar-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.sidebar-cta{padding:0 2px}.sidebar-cta-btn{background:var(--primary);width:100%;color:var(--primary-foreground);cursor:default;box-shadow:inset 0 1px 0 #fff3, 0 4px 12px color-mix(in oklch, var(--primary) 22%, transparent);border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;transition:filter .12s,transform .12s;display:flex}.sidebar-cta-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.sidebar-cta-btn .cmd-kbd{color:#ffffffd9;background:#ffffff26;border-color:#ffffff40}.sidebar[data-collapsed=true] .sidebar-cta-btn,.sidebar[data-variant=rail] .sidebar-cta-btn{justify-content:center;width:40px;height:40px;margin:0 auto;padding:9px}.sidebar[data-collapsed=true] .sidebar-cta-btn .nav-label,.sidebar[data-collapsed=true] .sidebar-cta-btn .cmd-kbd,.sidebar[data-variant=rail] .sidebar-cta-btn .nav-label,.sidebar[data-variant=rail] .sidebar-cta-btn .cmd-kbd{display:none}.sidebar-shortcut-row{color:var(--fg-muted);cursor:default;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12px;display:flex}.sidebar-shortcut-row:hover{background:var(--bg-soft);color:var(--fg)}.sidebar[data-collapsed=true] .sidebar-shortcut-row,.sidebar[data-variant=rail] .sidebar-shortcut-row{display:none}.sidebar-group{flex-direction:column;gap:2px;display:flex}.sidebar-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);padding:4px 10px 6px;font-size:10px;font-weight:600}.nav-item{cursor:default;color:var(--fg-muted);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .12s,color .12s,transform .12s cubic-bezier(.32,.72,0,1);display:flex;position:relative}.nav-item:hover{background:var(--bg-soft);color:var(--fg)}.nav-item[data-active=true]{background:var(--primary-soft);color:var(--fg);font-weight:600}.nav-item[data-active=true]:before{content:"";background:var(--primary);border-radius:2px;width:2.5px;position:absolute;top:8px;bottom:8px;left:-8px}.nav-item[data-disabled=true]{color:var(--fg-subtle);cursor:not-allowed}.nav-item[data-disabled=true]:hover{color:var(--fg-subtle);background:0 0}.nav-item .icon{opacity:.9;flex-shrink:0;width:16px;height:16px}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-suffix{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);font-family:JetBrains Mono,monospace;font-size:9px}.recent-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:12px;display:flex}.usage-tile{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.usage-tile-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.usage-tile-row b{font-family:JetBrains Mono,monospace;font-size:11px}.user-card{border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.user-card:hover{background:var(--bg-soft)}.user-avatar{background:linear-gradient(135deg, var(--primary), #0089cb);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}@supports (color:lab(0% 0 0)){.user-avatar{background:linear-gradient(135deg, var(--primary), lab(53.3277% -13.7061 -46.5518))}}.user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.user-email{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.user-role{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.icon-btn{width:28px;height:28px;color:var(--fg-muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg-soft);color:var(--fg)}.main{flex-direction:column;min-width:0;height:100vh;min-height:0;display:flex}.header{z-index:10;background:color-mix(in oklch, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:56px;padding:0 22px;display:flex;position:sticky;top:0}.header-title{font-size:14px;font-weight:600}.header-hint{color:var(--fg-subtle);font-size:12px}.header-grow{flex:1}.cmd-trigger{border:1px solid var(--border);background:var(--bg-soft);color:var(--fg-muted);border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:5px 8px 5px 10px;font-size:12px;display:flex}.cmd-trigger:hover{border-color:var(--border-strong);color:var(--fg)}.cmd-kbd{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-subtle);border-radius:4px;margin-left:auto;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:10px}.page{flex:1;min-height:0;padding:28px 32px 80px;overflow-y:auto}.page-narrow{max-width:1280px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.015em;margin:0;font-size:24px;font-weight:600}.page-desc{color:var(--fg-muted);margin-top:4px;font-size:13px}.card{background:var(--bg-elev);border:1px solid var(--border);padding:var(--d-card-p);border-radius:12px;position:relative}.card-hover{cursor:default;transition:transform .18s cubic-bezier(.32,.72,0,1),box-shadow .18s,border-color .18s}.card-hover:hover{border-color:color-mix(in oklch, var(--primary) 30%, var(--border));box-shadow:0 8px 28px color-mix(in oklch, var(--primary) 8%, transparent), 0 1px 0 color-mix(in oklch, var(--primary) 22%, transparent) inset;transform:translateY(-2px)}.card-dashed{border:1.5px dashed var(--border-strong);background:0 0}.card-error{border-color:color-mix(in oklch, var(--destructive) 40%, var(--border));background:var(--destructive-soft)}.card-processing{border-color:color-mix(in oklch, var(--primary) 30%, var(--border));background:linear-gradient(135deg, var(--primary-softer), transparent 60%)}.grid:not([class*=grid-cols]):not([class*=size-]){gap:var(--d-grid-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}[data-density=compact] .grid:not([class*=grid-cols]){grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}[data-density=roomy] .grid:not([class*=grid-cols]){grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.btn{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--fg);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-soft);border-color:var(--border-strong)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:color-mix(in oklch, var(--primary) 60%, transparent);box-shadow:0 1px 0 #ffffff26 inset, 0 4px 16px color-mix(in oklch, var(--primary) 22%, transparent)}.btn-primary:hover{background:color-mix(in oklch, var(--primary) 92%, white);filter:brightness(1.04)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-soft)}.btn-destructive{background:var(--destructive);color:#fff;border-color:color-mix(in oklch, var(--destructive) 70%, transparent)}.btn-destructive:hover{filter:brightness(1.06)}.btn-sm{gap:4px;padding:4px 9px;font-size:12px}.btn-lg{gap:8px;padding:9px 16px;font-size:14px}.btn-ai{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 70%, #0089d0));color:#fff;box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 50%, transparent), 0 6px 22px color-mix(in oklch, var(--primary) 30%, transparent), inset 0 1px 0 #ffffff40;border:0;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.btn-ai{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 70%, lab(52.9692% -12.3644 -61.5214)))}}.btn-ai:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff52 50%,#0000 70%) 0 0/240% 100%;animation:2.6s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:240% 0}to{background-position:-140% 0}}.badge{background:var(--bg-elev-2);color:var(--fg-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-primary{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in oklch, var(--primary) 30%, transparent)}.badge-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in oklch, var(--success) 30%, transparent)}.badge-destructive{background:var(--destructive-soft);color:var(--destructive);border-color:color-mix(in oklch, var(--destructive) 30%, transparent)}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in oklch, var(--warn) 30%, transparent)}.badge-mono{text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:10px}.chip{background:var(--bg-soft);border:1px solid var(--border);color:var(--fg-muted);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.chip-primary{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in oklch, var(--primary) 25%, transparent)}.ai-shimmer{position:relative;overflow:hidden}.ai-shimmer:before{content:"";pointer-events:none;background:linear-gradient(110deg, transparent 30%, color-mix(in oklch, var(--primary) 22%, transparent) 50%, transparent 70%);background-size:200% 100%;animation:2.4s linear infinite ai-shimmer;position:absolute;inset:0}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-100% 0}}.ai-border{position:relative}.ai-border:after{content:"";border-radius:inherit;background:conic-gradient(from var(--ang,0deg), var(--primary), color-mix(in oklch, var(--primary) 50%, #0089d0), var(--primary), transparent 60%, var(--primary));-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:5s linear infinite spin-ang;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@supports (color:lab(0% 0 0)){.ai-border:after{background:conic-gradient(from var(--ang,0deg), var(--primary), color-mix(in oklch, var(--primary) 50%, lab(52.9692% -12.3644 -61.5214)), var(--primary), transparent 60%, var(--primary))}}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-ang{0%{--ang:0deg}to{--ang:360deg}}.progress{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), color-mix(in oklch, var(--primary) 70%, #0089d0));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.32,.72,0,1);position:relative}@supports (color:lab(0% 0 0)){.progress-bar{background:linear-gradient(90deg, var(--primary), color-mix(in oklch, var(--primary) 70%, lab(52.9692% -12.3644 -61.5214)))}}.progress-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.6s linear infinite progress-shine;position:absolute;inset:0}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skel{background:linear-gradient(90deg, var(--bg-soft) 0%, var(--bg-elev-2) 50%, var(--bg-soft) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite skel}@keyframes skel{0%{background-position:200% 0}to{background-position:-100% 0}}.input,.textarea,.select{background:var(--input);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:8px;padding:9px 11px;font-size:13px;transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus,.select:focus{border-color:color-mix(in oklch, var(--primary) 50%, var(--border));box-shadow:0 0 0 3px var(--primary-ring);outline:none}.textarea{resize:vertical;min-height:80px;font-family:inherit}.label{color:var(--fg);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.help{color:var(--fg-subtle);margin-top:4px;font-size:11px}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#0000008c;place-items:center;animation:.14s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:min(560px,92vw);max-height:88vh;animation:.2s cubic-bezier(.32,.72,0,1) both pop;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.dialog-lg{width:min(720px,95vw)}.dialog-xl{width:min(960px,96vw)}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.dialog-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 12px;display:flex}.dialog-title{margin:0;font-size:16px;font-weight:600}.dialog-desc{color:var(--fg-muted);margin-top:4px;font-size:12px}.dialog-body{flex:auto;min-height:0;padding:18px 20px;overflow-y:auto}.dialog-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.dialog>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;min-width:260px;max-width:380px;padding:11px 14px;font-size:13px;animation:.25s cubic-bezier(.32,.72,0,1) both toast-in;display:flex;box-shadow:0 10px 32px #0000005c}.toast[data-kind=success]{border-color:color-mix(in oklch, var(--success) 40%, var(--border))}.toast[data-kind=error]{border-color:color-mix(in oklch, var(--destructive) 40%, var(--border))}.toast[data-kind=ai]{border-color:color-mix(in oklch, var(--primary) 40%, var(--border));background:linear-gradient(135deg, var(--primary-softer), var(--bg-elev) 70%)}.toast-icon{flex-shrink:0;width:16px;height:16px;margin-top:1px}.toast-title{font-weight:600}.toast-desc{color:var(--fg-muted);margin-top:2px;font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.pipeline{flex-direction:column;gap:2px;padding-left:2px;display:flex}.pipeline-step{align-items:center;gap:10px;padding:8px 0;font-size:12px;display:flex}.pipeline-dot{background:var(--bg-soft);border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:relative}.pipeline-step[data-state=done] .pipeline-dot{background:var(--success-soft);border-color:var(--success);color:var(--success)}.pipeline-step[data-state=active] .pipeline-dot{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.pipeline-step[data-state=active] .pipeline-dot:after{content:"";border:1.5px solid var(--primary);opacity:.6;border-radius:50%;animation:1.6s ease-out infinite pulse;position:absolute;inset:-3px}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes voicebar{0%{opacity:.55;height:3px}to{opacity:1;height:12px}}.pipeline-step[data-state=error] .pipeline-dot{background:var(--destructive-soft);border-color:var(--destructive);color:var(--destructive)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stagger-in{animation:.36s cubic-bezier(.32,.72,0,1) both stagger-in}@keyframes stagger-in{0%{transform:translateY(8px)}to{transform:translateY(0)}}.tabs{background:var(--bg-soft);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.tab{color:var(--fg-muted);background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500}.tab[data-active=true]{background:var(--bg-elev);color:var(--fg);box-shadow:0 1px 3px #00000026}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.divider{background:var(--border);height:1px}.spacer{flex:1}.thumb-169{aspect-ratio:16/9;background:repeating-linear-gradient(135deg, var(--bg-soft) 0 8px, var(--bg-elev-2) 8px 16px);color:var(--fg-subtle);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.thumb-916{aspect-ratio:9/16;background:repeating-linear-gradient(135deg, var(--bg-soft) 0 8px, var(--bg-elev-2) 8px 16px);color:var(--fg-subtle);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.thumb-11{aspect-ratio:1;background:repeating-linear-gradient(135deg, var(--bg-soft) 0 8px, var(--bg-elev-2) 8px 16px);border-radius:8px}.spark{color:var(--primary);filter:drop-shadow(0 0 6px color-mix(in oklch, var(--primary) 60%, transparent))}.photo-tile{aspect-ratio:1;background:repeating-linear-gradient(135deg, var(--bg-soft) 0 8px, var(--bg-elev-2) 8px 16px);border:1px solid var(--border);cursor:default;border-radius:8px;transition:transform .14s,border-color .14s;position:relative;overflow:hidden}.photo-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.photo-tile[data-cover=true]{border-color:var(--primary)}.photo-tile[data-excluded=true]{opacity:.45}.photo-corner-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:0;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:6px}.photo-corner-btn:hover{background:#000000d9}.landing{place-items:center;min-height:100vh;padding:40px 24px;display:grid;position:relative}.brand-grad{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 50%, #00b1d8));color:#0000;-webkit-background-clip:text;background-clip:text}@supports (color:lab(0% 0 0)){.brand-grad{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 50%, lab(65.9778% -37.9822 -41.8133)))}}.hero-landing{background:linear-gradient(180deg, var(--bg) 0%, color-mix(in oklch, var(--primary) 6%, var(--bg)) 40%, color-mix(in oklch, var(--primary) 4%, var(--bg-elev-2)) 100%);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.dark .hero-landing{background:linear-gradient(180deg, color-mix(in oklch, var(--primary) 10%, var(--bg)) 0%, color-mix(in oklch, var(--primary) 6%, var(--bg)) 50%, var(--bg) 100%)}.hero-landing:before{content:"";background:radial-gradient(ellipse 60% 70% at 70% 40%, color-mix(in oklch, var(--primary) 28%, transparent) 0%, transparent 65%);pointer-events:none;z-index:0;width:70%;height:80%;position:absolute;inset:0 0 0 auto}.hero-nav{z-index:10;align-items:center;gap:32px;padding:24px 40px;display:flex;position:relative}.hero-logo{letter-spacing:-.02em;color:var(--fg);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.dark .hero-logo{color:var(--fg)}.hero-logo-mark{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 50%, #0089d0));color:#fff;width:28px;height:28px;box-shadow:0 2px 8px color-mix(in oklch, var(--primary) 35%, transparent);border-radius:8px;place-items:center;font-size:14px;font-weight:800;display:grid}@supports (color:lab(0% 0 0)){.hero-logo-mark{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 50%, lab(52.9692% -12.3644 -61.5214)))}}.hero-nav-sep{background:var(--border-strong);width:1px;height:22px}.dark .hero-nav-sep{background:var(--border-strong)}.hero-nav-links{flex:1;gap:28px;display:flex}.hero-nav-links a{color:var(--fg);opacity:.7;font-size:14px;font-weight:500;text-decoration:none}.dark .hero-nav-links a{color:var(--fg)}.hero-nav-links a:hover{opacity:1;color:var(--primary)}.hero-cta-pill{background:var(--fg);color:var(--bg);cursor:default;border:0;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s}.dark .hero-cta-pill{background:var(--fg);color:var(--bg)}.hero-cta-pill:hover{box-shadow:0 8px 22px color-mix(in oklch, var(--primary) 25%, transparent);transform:translateY(-1px)}.hero-body{z-index:1;flex:1;grid-template-columns:minmax(0,1fr);align-content:center;padding:0 40px 28px;display:grid;position:relative}.hero-eyebrow{background:var(--bg-elev);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--fg);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 11px;font-size:11px;font-weight:500;display:inline-flex}.dark .hero-eyebrow{background:var(--bg-elev);border-color:var(--border);color:var(--fg)}.hero-headline{letter-spacing:-.04em;color:var(--fg);text-transform:uppercase;margin:24px 0 0;font-family:Inter,sans-serif;font-size:clamp(56px,9vw,132px);font-weight:900;font-stretch:75%;line-height:.92}.dark .hero-headline{color:var(--fg)}.hero-headline em{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 50%, #0099e0));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}@supports (color:lab(0% 0 0)){.hero-headline em{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 50%, lab(58.8536% -14.2224 -61.6622)))}}.hero-mini-card{background:color-mix(in oklch, var(--bg-elev) 80%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border);cursor:default;border-radius:14px;width:220px;padding:14px;position:relative}.dark .hero-mini-card{background:color-mix(in oklch, var(--bg-elev) 75%, transparent);border-color:var(--border)}.hero-mini-card-thumb{aspect-ratio:1;background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--primary) 70%, #006aa2) 0 8px, color-mix(in oklch, var(--primary) 50%, #003f66) 8px 16px);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.hero-mini-card-thumb{background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--primary) 70%, lab(41.1406% -7.40173 -61.2538)) 0 8px, color-mix(in oklch, var(--primary) 50%, lab(23.8788% -3.9214 -45.8834)) 8px 16px)}}.hero-mini-card-arrow{background:var(--fg);width:28px;height:28px;color:var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.hero-image-pane{background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--primary) 80%, #004d75) 0 12px, color-mix(in oklch, var(--primary) 60%, #00314d) 12px 24px);color:var(--primary-foreground);border-radius:16px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.hero-image-pane{background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--primary) 80%, lab(30.2185% -9.13744 -31.0345)) 0 12px, color-mix(in oklch, var(--primary) 60%, lab(18.634% -6.8495 -24.7751)) 12px 24px)}}.hero-image-pane:after{content:"";background:linear-gradient(135deg, transparent 40%, color-mix(in oklch, var(--primary) 30%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.hero-image-label{z-index:1;text-transform:uppercase;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000008c;background:lab(0% 0 0/.55);border-radius:4px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;position:relative}.hero-stats{z-index:1;border-top:1px solid var(--border);background:color-mix(in oklch, var(--bg-elev) 40%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:2fr 1.4fr 1fr;gap:24px;padding:32px 40px 40px;display:grid;position:relative}.dark .hero-stats{border-top-color:var(--border);background:color-mix(in oklch, var(--bg-elev) 50%, transparent)}.hero-stat-big{letter-spacing:-.03em;color:var(--fg);font-family:Inter,sans-serif;font-size:clamp(40px,5vw,72px);font-weight:800;line-height:.95}.dark .hero-stat-big{color:var(--fg)}.hero-stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);margin-top:6px;font-family:JetBrains Mono,monospace;font-size:10px}.dark .hero-stat-label{color:var(--fg-subtle)}.tile-pick{border:1px solid var(--border);background:var(--bg-elev);cursor:default;border-radius:12px;padding:14px;transition:border-color .14s,transform .14s,background .14s}.tile-pick:hover{border-color:var(--border-strong);transform:translateY(-1px)}.tile-pick[data-active=true]{border-color:var(--primary);background:linear-gradient(135deg, var(--primary-softer), var(--bg-elev) 70%);box-shadow:0 0 0 1px var(--primary), 0 8px 24px var(--primary-soft)}.collapse-btn{z-index:5;background:var(--bg-elev);border:1px solid var(--border);width:22px;height:22px;color:var(--fg-muted);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s,color .12s,border-color .12s,transform .12s;display:grid;position:absolute;top:22px;right:-11px;box-shadow:0 2px 8px #00000040}.sidebar:hover .collapse-btn,.collapse-btn:focus-visible,.sidebar[data-collapsed=true] .collapse-btn{opacity:1}.collapse-btn:hover{color:var(--fg);border-color:var(--border-strong);transform:scale(1.06)}.sidebar[data-variant=rail] .collapse-btn{display:none}.sr{clip:rect(0,0,0,0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.chips-row{flex-wrap:wrap;gap:6px;display:flex}.clip-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:8px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;position:relative}.clip-tile:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.clip-tile[data-approved=true]{border-color:var(--success);box-shadow:0 0 0 1px var(--success)}.clip-ribbon{background:var(--success);color:#fff;letter-spacing:.04em;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.cmd-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#0000008c;place-items:start center;padding-top:12vh;animation:.14s both fade;display:grid;position:fixed;inset:0}.cmd-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;width:min(620px,92vw);animation:.2s cubic-bezier(.32,.72,0,1) both pop;overflow:hidden;box-shadow:0 22px 56px #00000080}.cmd-search{width:100%;color:var(--fg);border:0;border-bottom:1px solid var(--border);background:0 0;padding:14px 18px;font-size:14px}.cmd-search:focus{outline:none}.cmd-groups{max-height:50vh;padding:8px;overflow-y:auto}.cmd-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);padding:8px 10px 4px;font-size:10px}.cmd-item{color:var(--fg);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.cmd-item:hover,.cmd-item[data-active=true]{background:var(--bg-soft)}.cmd-item[data-disabled=true]{color:var(--fg-subtle)}.cmd-item-suffix{margin-left:auto}.stat-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;position:relative}.stat-label{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:11px}.stat-value{letter-spacing:-.015em;font-size:22px;font-weight:600}.stat-trend{color:var(--success);font-family:JetBrains Mono,monospace;font-size:11px}.live-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 0 var(--primary);border-radius:50%;animation:1.6s infinite live}@keyframes live{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--primary) 70%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.wizard-steps{align-items:center;gap:8px;display:flex}.wizard-step{color:var(--fg-subtle);align-items:center;gap:8px;font-size:12px;display:flex}.wizard-step-num{background:var(--bg-soft);border:1px solid var(--border);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:grid}.wizard-step[data-state=active] .wizard-step-num{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.wizard-step[data-state=active]{color:var(--fg);font-weight:500}.wizard-step[data-state=done] .wizard-step-num{background:var(--success-soft);border-color:var(--success);color:var(--success)}.wizard-step[data-state=done]{color:var(--fg-muted)}.wizard-sep{background:var(--border);width:22px;height:1px}.lightbox-overlay{z-index:90;background:#000000d9;justify-content:center;align-items:center;animation:.2s both fade;display:flex;position:fixed;inset:0}.lightbox-frame{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 320px;gap:0;width:min(1200px,96vw);height:min(720px,90vh);display:grid;overflow:hidden}@media (max-width:900px){.lightbox-frame{grid-template-columns:1fr}}.lightbox-img{background:repeating-linear-gradient(135deg, var(--bg-soft) 0 12px, var(--bg-elev-2) 12px 24px);color:var(--fg-subtle);place-items:center;display:grid}.lightbox-side{flex-direction:column;gap:18px;padding:22px;display:flex;overflow-y:auto}
