@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#13141c;--bg-tertiary:#1a1b26;--bg-surface:#13141ca6;--bg-card:#13141cf2;--border-color:#ffffff0f;--border-subtle:#ffffff08;--text-primary:#f8f8f8;--text-secondary:#8e95ae;--text-tertiary:#6b728e;--text-muted:#5a6078;--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f166;--accent-subtle:#6366f11a;--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);--border-radius-sm:2px;--border-radius-md:2px;--border-radius-lg:2px;--border-radius-xl:2px;--input-height:40px;--button-height:44px;--sidebar-width:320px;--sidebar-collapsed:72px;--header-height:64px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #6366f126;--select-bg:#0006;--select-option-bg:#1a1b26;--select-option-text:#f8f8f8;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;--prism-conic:conic-gradient(red, #f80, #ff0, #0f8, #08f, #80f, #f08, red)}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#13141c;--bg-tertiary:#1a1b26;--bg-surface:#13141ca6;--bg-card:#13141cf2;--border-color:#ffffff0f;--border-subtle:#ffffff08;--text-primary:#f8f8f8;--text-secondary:#8e95ae;--text-tertiary:#6b728e;--text-muted:#5a6078;--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f166;--accent-subtle:#6366f11a;--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;--shadow-glow:0 0 20px #6366f126;--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;--border-color:#0000001a;--border-subtle:#0000000a;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-tertiary:#78849c;--text-muted:#94a3b8;--accent-color:#4f46e5;--accent-hover:#4338ca;--accent-glow:#4f46e533;--accent-subtle:#4f46e50f;--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;--shadow-glow:0 0 20px #4f46e514;--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;--border-color:#00ceaa1f;--border-subtle:#00ceaa0f;--text-primary:#faebd7;--text-secondary:#c4a882;--text-tertiary:#8a7560;--text-muted:#6b5a48;--accent-color:#ff6b6b;--accent-hover:#ff4757;--accent-glow:#ff6b6b66;--accent-subtle:#ff6b6b1f;--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;--shadow-glow:0 0 24px #ff6b6b2e;--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;--border-color:#00b4d81f;--border-subtle:#00b4d80f;--text-primary:#d0e8f2;--text-secondary:#7ba7c2;--text-tertiary:#4a7a96;--text-muted:#365a72;--accent-color:#00b4d8;--accent-hover:#0096c7;--accent-glow:#00b4d866;--accent-subtle:#00b4d81f;--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;--shadow-glow:0 0 24px #00b4d82e;--select-bg:#0b1628a6;--select-option-bg:#0b1628;--select-option-text:#d0e8f2}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);width:100vw;height:100dvh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;display:flex;overflow:hidden}::-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);box-shadow:0 0 0 2px var(--accent-glow);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}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInPure{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rainbowHue{to{filter:hue-rotate(360deg)}}@keyframes pulseScale{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@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)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(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 toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-in{animation:slideIn var(--transition-normal) ease-out}:root{--prism-colors:red, #f80, #ff0, #0f8, #08f, #80f, #f08;--prism-gradient:linear-gradient(var(--prism-angle,0deg), var(--prism-colors));--prism-speed:2s}@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}