:root{--primary: #00E5FF;--primary-hover: #33EBFF;--primary-container: rgba(0, 229, 255, .12);--on-primary: #00363D;--secondary: #5C6BC0;--secondary-container: rgba(92, 107, 192, .15);--tertiary: #FFB74D;--error: #FF5252;--error-container: rgba(255, 82, 82, .15);--success: #00E676;--success-container: rgba(0, 230, 118, .15);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--motion-fast: .15s cubic-bezier(.4, 0, .2, 1);--motion-std: .3s cubic-bezier(.2, 0, 0, 1);--motion-emphasized: .45s cubic-bezier(.05, .7, .1, 1)}body.theme-oled{--bg-surface-0: #000000;--bg-surface-1: #101216;--bg-surface-2: #191C22;--bg-surface-3: #222630;--bg-surface-elevated: #2C313E;--text-primary: #F1F3F5;--text-secondary: #9E9E9E;--text-muted: #616161;--border-color: rgba(255, 255, 255, .1);--border-color-active: rgba(0, 229, 255, .5);--shadow-color: rgba(0, 0, 0, .8)}body.theme-slate{--bg-surface-0: #121316;--bg-surface-1: #1B1D22;--bg-surface-2: #242830;--bg-surface-3: #2F3440;--bg-surface-elevated: #3A4150;--text-primary: #F8F9FA;--text-secondary: #B0BEC5;--text-muted: #78909C;--border-color: rgba(255, 255, 255, .12);--border-color-active: rgba(0, 229, 255, .6);--shadow-color: rgba(0, 0, 0, .5)}body.theme-light{--bg-surface-0: #F8F9FA;--bg-surface-1: #FFFFFF;--bg-surface-2: #F1F3F5;--bg-surface-3: #E9ECEF;--bg-surface-elevated: #FFFFFF;--primary: #00838F;--primary-hover: #006064;--primary-container: rgba(0, 131, 143, .12);--text-primary: #1A1C1E;--text-secondary: #5F6368;--text-muted: #9AA0A6;--border-color: rgba(0, 0, 0, .12);--border-color-active: rgba(0, 131, 143, .6);--shadow-color: rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);background-color:var(--bg-surface-0);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden;position:relative}.main-viewport{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;background-color:var(--bg-surface-0)}.content-area{flex:1;overflow-y:auto;padding:var(--space-md);position:relative}@media (min-width: 840px){.content-area{padding:var(--space-lg)}}.glass-panel{background:var(--bg-surface-1);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all var(--motion-fast);outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background-color:var(--primary);color:#00252c;box-shadow:0 2px 8px #00e5ff4d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00e5ff66}.btn-secondary{background-color:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-surface-3);border-color:var(--border-color-active)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--primary-container);color:var(--primary)}.btn-danger{background-color:var(--error-container);color:var(--error);border:1px solid rgba(255,82,82,.3)}.btn-danger:hover{background-color:var(--error);color:#fff}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-cyan{background:var(--primary-container);color:var(--primary);border:1px solid rgba(0,229,255,.3)}.badge-success{background:var(--success-container);color:var(--success);border:1px solid rgba(0,230,118,.3)}.badge-warning{background:#ffb74d26;color:var(--tertiary);border:1px solid rgba(255,183,77,.3)}.card-tile{background-color:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--motion-std);position:relative;overflow:hidden}.card-tile:hover{border-color:var(--border-color-active);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-color)}.input-field{width:100%;background-color:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color var(--motion-fast)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-container)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn var(--motion-fast)}.modal-box{background-color:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-lg);box-shadow:0 24px 48px #000000e6;animation:scaleUp var(--motion-std)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes laserScan{0%{top:0%;opacity:.8}50%{top:95%;opacity:1}to{top:0%;opacity:.8}}.laser-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 15px var(--primary);animation:laserScan 2.5s infinite ease-in-out}