@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--border-radius-sm:2px;--border-radius-md:2px;--border-radius-lg:2px;--border-radius-xl:2px;--radius-sm:2px;--radius-md:2px;--radius-lg:2px;--radius-xl:2px;--radius-full:9999px;--input-height:40px;--button-height:44px;--header-height:64px;--sidebar-width:320px;--sidebar-collapsed:72px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#13141c;--bg-tertiary:#1a1b26;--bg-surface:#13141ca6;--bg-card:#13141cf2;--bg-card-hover:#1a1b26fa;--bg-panel:#13141cd9;--bg-input:#13141c99;--bg-input-hover:#1a1b26b3;--bg-sidebar:#0d0e14f7;--border-color:#ffffff0f;--border-subtle:#ffffff08;--border-medium:#ffffff1a;--border-accent:#ffffff26;--text-primary:#f8f8f8;--text-secondary:#8e95ae;--text-tertiary:#6b728e;--text-muted:#5a6078;--text-inverse:#0a0a0f;--danger:#ef4444;--danger-subtle:#ef44441a;--success:#10b981;--success-subtle:#10b9811a;--warning:#f59e0b;--warning-subtle:#f59e0b1a;--info:#3b82f6;--info-subtle:#3b82f61a;--color-success:var(--success);--color-error:var(--danger);--color-warning:var(--warning);--color-info:var(--info);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--select-bg:#0006;--select-option-bg:#1a1b26;--select-option-text:#f8f8f8}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#edeef2;--bg-surface:#ffffffbf;--bg-card:#fffffff2;--bg-card-hover:#f5f7fae6;--bg-panel:#ffffffe0;--bg-input:#f0f2f6cc;--bg-input-hover:#e6eaf0e6;--bg-sidebar:#fffffff7;--border-color:#0000001a;--border-subtle:#0000000a;--border-medium:#0000001a;--border-accent:#00000024;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-tertiary:#78849c;--text-muted:#94a3b8;--text-inverse:#fff;--danger:#dc2626;--danger-subtle:#dc26260f;--success:#059669;--success-subtle:#0596690f;--warning:#d97706;--warning-subtle:#d977060f;--info:#2563eb;--info-subtle:#2563eb0f;--color-success:var(--success);--color-error:var(--danger);--color-warning:var(--warning);--color-info:var(--info);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000001f;--select-bg:#fff;--select-option-bg:#fff;--select-option-text:#1a1a2e}[data-theme=tropical]{--bg-primary:#1a120e;--bg-secondary:#241a14;--bg-tertiary:#2e221a;--bg-surface:#241a14b8;--bg-card:#241a14f0;--bg-card-hover:#2e221af5;--bg-panel:#241a14d9;--bg-input:#241a1499;--bg-input-hover:#2e221ab3;--bg-sidebar:#1a120ef7;--border-color:#00ceaa1f;--border-subtle:#00ceaa0f;--border-medium:#00ceaa29;--border-accent:#00ceaa33;--text-primary:#faebd7;--text-secondary:#c4a882;--text-tertiary:#8a7560;--text-muted:#6b5a48;--text-inverse:#1a120e;--danger:#ff5252;--danger-subtle:#ff525224;--success:#00d4aa;--success-subtle:#00d4aa24;--warning:#ffb347;--warning-subtle:#ffb34724;--info:#4fc3f7;--info-subtle:#4fc3f724;--color-success:var(--success);--color-error:var(--danger);--color-warning:var(--warning);--color-info:var(--info);--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 8px 32px #00000073;--select-bg:#241a14a6;--select-option-bg:#241a14;--select-option-text:#faebd7}[data-theme=oceanic]{--bg-primary:#060d18;--bg-secondary:#0b1628;--bg-tertiary:#111f38;--bg-surface:#0b1628b8;--bg-card:#0b1628f0;--bg-card-hover:#111f38f5;--bg-panel:#0b1628d9;--bg-input:#0b162899;--bg-input-hover:#111f38b3;--bg-sidebar:#060d18f7;--border-color:#00b4d81f;--border-subtle:#00b4d80f;--border-medium:#00b4d829;--border-accent:#00b4d833;--text-primary:#d0e8f2;--text-secondary:#7ba7c2;--text-tertiary:#4a7a96;--text-muted:#365a72;--text-inverse:#060d18;--danger:#ff6b6b;--danger-subtle:#ff6b6b24;--success:#48e0a0;--success-subtle:#48e0a024;--warning:#ffc857;--warning-subtle:#ffc85724;--info:#90e0ef;--info-subtle:#90e0ef24;--color-success:var(--success);--color-error:var(--danger);--color-warning:var(--warning);--color-info:var(--info);--shadow-sm:0 1px 4px #00000059;--shadow-md:0 4px 14px #0006;--shadow-lg:0 8px 32px #00000080;--select-bg:#0b1628a6;--select-option-bg:#0b1628;--select-option-text:#d0e8f2}[data-theme=punk]{--bg-primary:#0e0a10;--bg-secondary:#171119;--bg-tertiary:#211828;--bg-surface:#171119b8;--bg-card:#171119f0;--bg-card-hover:#211828f5;--bg-panel:#171119d9;--bg-input:#17111999;--bg-input-hover:#211828b3;--bg-sidebar:#0e0a10f7;--border-color:#ff2d9b24;--border-subtle:#ff2d9b0f;--border-medium:#ff2d9b2e;--border-accent:#ff2d9b3d;--text-primary:#f0e6f4;--text-secondary:#b893c4;--text-tertiary:#7d5f8e;--text-muted:#5e4570;--text-inverse:#0e0a10;--danger:#ff3d5a;--danger-subtle:#ff3d5a24;--success:#39ff76;--success-subtle:#39ff7624;--warning:#f0b429;--warning-subtle:#f0b42924;--info:#a78bfa;--info-subtle:#a78bfa24;--color-success:var(--success);--color-error:var(--danger);--color-warning:var(--warning);--color-info:var(--info);--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 8px 32px #0000008c;--select-bg:#171119a6;--select-option-bg:#171119;--select-option-text:#f0e6f4}body{background-color:var(--bg-primary);color:var(--text-primary);width:100vw;min-height:100dvh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#80808026;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#8080804d}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-sm);height:var(--input-height);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px;font-family:inherit;font-size:14px}textarea{height:auto;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent-color,var(--info));box-shadow:0 0 0 2px var(--accent-glow,#3b82f633);outline:none}select option{background:var(--select-option-bg);color:var(--select-option-text)}.frosted-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.page-wrapper{width:100%;height:100dvh;display:flex;overflow:hidden}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-in{animation:slideIn var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInPure{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rainbowHue{to{filter:hue-rotate(360deg)}}@keyframes pulseScale{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes popoverInUp{0%{opacity:0;transform:scale(.9)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes popoverInDown{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes iconScrollUp{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
:root{--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f166;--accent-subtle:#6366f11a;--shadow-glow:0 0 20px #6366f126;--prism-conic:conic-gradient(red, #f80, #ff0, #0f8, #08f, #80f, #f08, red);--prism-colors:red, #f80, #ff0, #0f8, #08f, #80f, #f08;--prism-gradient:linear-gradient(var(--prism-angle,0deg), var(--prism-colors));--prism-speed:2s}[data-theme=dark]{--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f166;--accent-subtle:#6366f11a;--shadow-glow:0 0 20px #6366f126}[data-theme=light]{--accent-color:#4f46e5;--accent-hover:#4338ca;--accent-glow:#4f46e533;--accent-subtle:#4f46e50f;--shadow-glow:0 0 20px #4f46e514}[data-theme=tropical]{--accent-color:#ff6b6b;--accent-hover:#ff4757;--accent-glow:#ff6b6b66;--accent-subtle:#ff6b6b1f;--shadow-glow:0 0 24px #ff6b6b2e}[data-theme=oceanic]{--accent-color:#00b4d8;--accent-hover:#0096c7;--accent-glow:#00b4d866;--accent-subtle:#00b4d81f;--shadow-glow:0 0 24px #00b4d82e}[data-theme=punk]{--accent-color:#ff2d9b;--accent-hover:#e6187f;--accent-glow:#ff2d9b73;--accent-subtle:#ff2d9b1f;--shadow-glow:0 0 24px #ff2d9b38}body{height:100dvh;display:flex;overflow:hidden}@keyframes prismRotate{0%{--prism-angle:0deg}to{--prism-angle:360deg}}@property --prism-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.prism-glow{background-image:linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(var(--prism-angle,0deg), var(--prism-colors));animation:prismRotate var(--prism-speed) linear infinite;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000}.prism-glow-text{background:linear-gradient(var(--prism-angle,0deg), var(--prism-colors));-webkit-text-fill-color:transparent;animation:prismRotate var(--prism-speed) linear infinite;-webkit-background-clip:text;background-clip:text}