:root{--bg-deep: #e8eaef;--bg-primary: #f5f6f8;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-solid: #ffffff;--bg-input: #f0f1f3;--bg-elevated: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--neon-cyan: #2563eb;--neon-purple: #4f46e5;--neon-pink: #db2777;--neon-blue: #0891b2;--neon-gold: #d97706;--gradient-start: #2563eb;--gradient-end: #4f46e5;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-dim: #d1d5db;--success: #10b981;--success-bg: rgba(16, 185, 129, .08);--success-border: rgba(16, 185, 129, .2);--error: #ef4444;--error-bg: rgba(239, 68, 68, .08);--error-border: rgba(239, 68, 68, .2);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--warning-border: rgba(245, 158, 11, .2);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .08);--info-border: rgba(59, 130, 246, .2);--glow-cyan: 0 1px 3px rgba(0, 0, 0, .1);--glow-purple: 0 2px 8px rgba(79, 70, 229, .15);--glow-pink: 0 2px 8px rgba(219, 39, 119, .15);--glow-gold: 0 2px 8px rgba(217, 119, 6, .15);--border-subtle: #e5e7eb;--border-card: #d1d5db;--border-active: #2563eb;--border-glow: rgba(37, 99, 235, .3);--glass-bg: #ffffff;--glass-border: #e5e7eb;--glass-blur: 0px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--font-primary: "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-page-x: 32px;--space-page-y: 28px;--surface-panel: #ffffff;--surface-panel-muted: #f8fafc;--surface-border: rgba(15, 23, 42, .08);--surface-border-strong: rgba(15, 23, 42, .14);--shadow-panel: 0 16px 42px rgba(15, 23, 42, .06);--shadow-popover: 0 18px 48px rgba(15, 23, 42, .16);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .12);--button-primary-bg: #dbeafe;--button-primary-bg-hover: #bfdbfe;--button-primary-text: #1d4ed8;--button-primary-shadow: 0 8px 18px rgba(37, 99, 235, .1);--button-primary-shadow-hover: 0 10px 22px rgba(37, 99, 235, .14);--button-disabled-bg: #e5edf8;--button-disabled-text: #94a3b8}@keyframes processingGlow{0%,to{border-color:#2563eb33;box-shadow:0 0 4px #2563eb0f}50%{border-color:#2563eb66;box-shadow:0 0 8px #2563eb1f}}@keyframes processingPulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes phaseSlowGlow{0%,to{border-color:#2563eb33;box-shadow:0 0 4px #2563eb0f}50%{border-color:#2563eb80;box-shadow:0 0 12px #2563eb26}}@keyframes borderGlow{0%,to{border-color:var(--neon-cyan)}50%{border-color:var(--neon-purple)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes meteor{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:1}15%{opacity:1}to{transform:translate(-400px) translateY(-400px) rotate(-45deg);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}#root{min-height:100vh}.gradient-bg{background:linear-gradient(135deg,var(--bg-primary) 0%,#e8ecf4 50%,rgba(37,99,235,.04) 100%);min-height:100vh}.gradient-text{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-text{color:var(--neon-cyan);font-weight:600}.neon-border{border:1px solid var(--neon-cyan);box-shadow:0 0 0 1px #2563eb1a}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--shadow-card)}.app-page-frame{display:flex;min-height:100vh;background:var(--bg-primary)}.app-page-main{flex:1;min-width:0;transition:margin-left .25s ease}.app-page-content{width:100%;max-width:1480px;margin:0 auto;padding:var(--space-page-y) var(--space-page-x);box-sizing:border-box}.app-page-main[data-sidebar-collapsed=true] .app-page-content{max-width:none;margin-left:0;margin-right:0;padding-left:24px;padding-right:28px}.app-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.app-page-title{margin:0;color:var(--text-primary);font-family:var(--font-primary);font-size:26px;font-weight:760;line-height:1.2}.app-page-subtitle{margin:7px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55}.app-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ui-card{background:var(--surface-panel);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a08}.ui-card-interactive{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.ui-card-interactive:hover{border-color:var(--surface-border-strong);box-shadow:var(--shadow-panel);transform:translateY(-1px)}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.ui-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-panel)}.ui-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.ui-table th{padding:12px 16px;text-align:left;color:var(--text-muted);background:var(--surface-panel-muted);border-bottom:1px solid var(--surface-border);font-size:11px;font-weight:760;line-height:1.3;text-transform:uppercase}.ui-table td{padding:14px 16px;color:var(--text-primary);border-bottom:1px solid var(--surface-border)}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr{transition:background .14s ease}.ui-table tbody tr:hover{background:#0f172a06}.ui-focusable:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.animated-border{animation:borderGlow 3s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.star{animation:twinkle 3s ease-in-out infinite}.meteor{animation:meteor linear infinite;opacity:0}.shimmer{animation:shimmer 4s linear infinite;background-size:200% auto}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-input) inset;transition:background-color 5000s ease-in-out 0s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-input)}::-webkit-scrollbar-thumb{background:#c4c7cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 1024px){.hide-on-tablet{display:none!important}.show-on-tablet{display:block!important}}@media (max-width: 767px){:root{--mobile-padding: 12px}body{font-size:14px}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}::-webkit-scrollbar{width:4px}}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-primary);font-size:22px;line-height:1;transition:background .15s}.hamburger-btn:hover{background:var(--bg-hover)}@media (max-width: 767px){.hamburger-btn{display:flex;align-items:center;justify-content:center}}