:root{--bg: #07080c;--bg-2: #0d0f16;--bg-3: #141824;--surface: #151824;--surface-2: #1b2030;--border: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--text: #f3f5fa;--text-2: #aeb6c8;--text-3: #7a8498;--accent: #00ffa3;--accent-2: #00b4ff;--accent-3: #a855f7;--warn: #ffb020;--danger: #ff5470;--radius: 14px;--radius-lg: 22px;--shadow: 0 20px 50px -20px rgba(0, 255, 163, .25);--shadow-soft: 0 8px 30px rgba(0, 0, 0, .35)}.app-shell{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;min-height:100vh;display:grid;grid-template-columns:260px 1fr}@media(max-width:900px){.app-shell{grid-template-columns:1fr}}.gradient-text{background:linear-gradient(120deg,var(--accent) 0%,var(--accent-2) 60%,var(--accent-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;font-weight:600;font-size:14.5px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(120deg,var(--accent) 0%,var(--accent-2) 100%);color:#041218;box-shadow:0 10px 30px -10px #00ffa38c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #00ffa3b3}.btn-outline{border-color:var(--border-2);color:var(--text);background:#ffffff05}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-danger{background:linear-gradient(120deg,#ff5470,#ffb020);color:#22120a}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:22px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}@media(max-width:900px){.sidebar{position:static;height:auto}}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text-2);font-size:14.5px;margin-bottom:4px;transition:all .15s}.side-nav a:hover{background:#ffffff0a;color:var(--text)}.side-nav a.active{background:linear-gradient(90deg,#00ffa324,#00b4ff14);color:var(--accent);border-left:2px solid var(--accent);padding-left:12px}.app-main{padding:28px 32px;min-width:0;max-width:1200px;margin:0 auto;width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:14px}.app-header h1{font-size:28px;font-weight:800;letter-spacing:-1px}.app-header p{color:var(--text-3);font-size:14px}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:20px}.app-card h3{font-size:17px;font-weight:700;margin-bottom:14px}.card-sub{color:var(--text-3);font-size:13px;margin-top:-8px;margin-bottom:14px}.copilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:1100px){.copilot-grid{grid-template-columns:1fr}}.transcript-box{background:var(--bg-3);border:1px solid var(--border);border-radius:12px;padding:16px;min-height:300px;max-height:500px;overflow-y:auto;font-size:15px;line-height:1.65}.turn{padding:8px 0;border-bottom:1px solid var(--border)}.turn-who{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;margin-right:8px;text-transform:uppercase;letter-spacing:.5px}.turn-prospect{background:#ff54701f;color:var(--danger)}.turn-you{background:#00ffa31f;color:var(--accent)}.whisper-box{background:linear-gradient(180deg,rgba(0,255,163,.05),transparent);border:1px solid rgba(0,255,163,.22);border-radius:12px;padding:18px;min-height:200px}.whisper-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.whisper-head-title{font-size:12px;color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-weight:600}.whisper-text{font-size:16px;line-height:1.6;color:var(--text);min-height:40px}.whisper-empty{color:var(--text-3);font-style:italic;font-size:14px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.rec-state{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:#ffffff0a;border:1px solid var(--border);font-size:13px}.rec-state.active{background:#ff54701a;border-color:#ff54704d;color:#ff9eae}.dot-pulse{width:8px;height:8px;background:#ff5470;border-radius:50%;animation:pulse-red 1.4s infinite}.tone-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pill{padding:4px 10px;border-radius:99px;background:#ffffff0f;color:var(--text-2);font-size:12px;font-weight:500}.pill-warn{background:#ffb02024;color:var(--warn)}.pill-soft{background:#00b4ff1f;color:var(--accent-2)}@keyframes pulse-red{0%{box-shadow:0 0 #ff5470b3}70%{box-shadow:0 0 0 8px #ff547000}}.audio-viz{display:flex;gap:3px;align-items:flex-end;height:30px}.audio-viz span{width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:3px;animation:viz .8s ease-in-out infinite}@keyframes viz{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.audio-viz.idle span{animation:none}.form-group{margin-bottom:16px}.form-group label{display:block;color:var(--text-2);font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{width:100%;background:var(--bg-3);border:1px solid var(--border-2);border-radius:10px;color:var(--text);padding:11px 14px;font-size:14.5px;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.tag{padding:4px 10px;border-radius:8px;font-size:12px;background:#ffffff0f;color:var(--text-2);font-family:JetBrains Mono,monospace}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);color:var(--text);font-size:14px;z-index:100;max-width:340px;transform:translateY(100px);opacity:0;transition:all .3s}.toast.show{transform:translateY(0);opacity:1}.toast.err{border-color:var(--danger)}