:root{--bg-primary:#0a0a12;--bg-secondary:#12121e;--bg-card:#1a1a2e;--bg-card-hover:#222240;--border-color:#2a2a45;--border-focus:#3b82f6;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6b6b85;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-green:linear-gradient(135deg,#10b981,#059669);--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 20px #3b82f626;--radius:12px;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,SF Pro Display,system-ui,-apple-system,sans-serif}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:all .2s}.card:hover{border-color:#3b82f64d}input,select,textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}input::placeholder{color:var(--text-muted)}button{cursor:pointer;border-radius:var(--radius-sm);border:none;font-family:inherit;font-weight:500;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);letter-spacing:.01em;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-size:.95rem}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-blue)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.btn-danger{background:var(--accent-red);color:#fff;border-radius:var(--radius-sm);border:none;padding:.5rem 1rem;font-size:.85rem}.btn-danger:hover:not(:disabled){opacity:.9}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-purple)}.mic-button{border:3px solid var(--border-color);background:var(--bg-secondary);width:100px;height:100px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;transition:all .3s;display:flex;position:relative}.mic-button:hover:not(:disabled){border-color:var(--accent-blue);box-shadow:var(--shadow-glow);transform:scale(1.05)}.mic-button.listening{border-color:var(--accent-green);animation:1.5s ease-in-out infinite pulse-green}.mic-button.processing{border-color:var(--accent-orange);animation:1s ease-in-out infinite pulse-orange}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 15px #10b98100}}@keyframes pulse-orange{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}.voice-wave{align-items:center;gap:3px;height:30px;display:flex}.voice-wave span{background:var(--accent-green);border-radius:3px;width:3px;animation:1s ease-in-out infinite wave}.voice-wave span:first-child{height:10px;animation-delay:0s}.voice-wave span:nth-child(2){height:20px;animation-delay:.1s}.voice-wave span:nth-child(3){height:30px;animation-delay:.2s}.voice-wave span:nth-child(4){height:20px;animation-delay:.3s}.voice-wave span:nth-child(5){height:10px;animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-student{color:var(--accent-blue);background:#3b82f626}.badge-faculty{color:var(--accent-purple);background:#8b5cf626}.badge-admin{color:var(--accent-orange);background:#f59e0b26}.badge-intent{color:var(--accent-green);background:#10b98126}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.stat-card .stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.85rem;animation:.3s slideIn}.confidence-bar{background:var(--bg-secondary);border-radius:2px;height:4px;overflow:hidden}.confidence-bar-fill{background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .5s}