*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#fff}.container{max-width:1400px;margin:0 auto;padding:15px;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}header h1{font-size:1.5rem;background:linear-gradient(90deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;flex:1;padding:15px 0}.left-panel h3{font-size:.9rem;color:#00d4ff;margin-bottom:10px}.input-card{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:10px;padding:10px;margin-bottom:8px}.input-card.filled{background:#00d4ff33;border-color:#00d4ff}.input-card .label{font-size:.75rem;color:#00d4ff;margin-bottom:4px}.input-card .value{font-size:1rem;font-weight:700}.input-card .value.empty{color:#555;font-style:italic;font-size:.85rem}.center-panel{display:flex;flex-direction:column;align-items:center;padding:20px}.ball-container{width:140px;height:140px;display:flex;align-items:center;justify-content:center}.ball{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#4facfe,#00f2fe);box-shadow:0 0 30px #4facfe80;transition:all .3s ease}.ball.idle{animation:pulse-idle 3s ease-in-out infinite}.ball.listening{background:radial-gradient(circle at 30% 30%,#00d4ff,#09f);animation:pulse-listening .8s ease-in-out infinite;box-shadow:0 0 60px #00d4ffcc}.ball.speaking{background:radial-gradient(circle at 30% 30%,#a855f7,#7c3aed);animation:pulse-speaking .5s ease-in-out infinite;box-shadow:0 0 60px #a855f7cc}.ball.processing{background:radial-gradient(circle at 30% 30%,#f97316,#ea580c);animation:spin-processing 1s linear infinite}@keyframes pulse-idle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-listening{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes pulse-speaking{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin-processing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-text{margin-top:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:#888}.status-text.listening{color:#00d4ff}.status-text.speaking{color:#a855f7}.status-text.processing{color:#f97316}.question-box{margin-top:15px;padding:15px;background:#a855f726;border-radius:10px;border-left:3px solid #a855f7;width:100%;max-width:400px}.question-box h3{color:#a855f7;font-size:.8rem;margin-bottom:8px}.question-box p{font-size:1.1rem}.controls{display:flex;gap:15px;margin-top:20px}.btn{padding:12px 30px;border:none;border-radius:10px;font-size:1rem;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-start{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-mic{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.error-banner{background:#ef444433;color:#ef4444;padding:8px;border-radius:5px;margin-top:10px;font-size:.85rem}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.btn:disabled{opacity:.5;cursor:not-allowed}.conversation-panel{background:#ffffff0d;border-radius:10px;padding:12px;margin-top:15px;width:100%;max-width:400px;max-height:200px;overflow-y:auto}.conversation-panel h3{color:#a855f7;font-size:.8rem;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.message{padding:6px 10px;margin-bottom:6px;border-radius:6px;font-size:.85rem}.message.agent{background:#a855f733;border-left:3px solid #a855f7}.message.user{background:#00d4ff33;border-left:3px solid #00d4ff}.right-panel h3{font-size:.9rem;color:#00d4ff;margin-bottom:10px}.schemes-header{background:linear-gradient(135deg,#00d4ff33,#a855f733);border-radius:10px;padding:15px;text-align:center;margin-bottom:15px}.schemes-count{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#00d4ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.schemes-label{color:#aaa;font-size:.9rem}.schemes-list{max-height:500px;overflow-y:auto}.scheme-card{background:#ffffff0d;border-radius:8px;padding:12px;margin-bottom:10px;border-left:3px solid #00d4ff}.scheme-card:hover{background:#ffffff1a;transform:translate(3px)}.scheme-card h4{color:#00d4ff;font-size:.9rem;margin-bottom:6px}.scheme-card .benefits{font-size:.8rem;color:#aaa;margin-bottom:8px}.scheme-card a{display:inline-block;padding:5px 12px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;text-decoration:none;border-radius:6px;font-size:.75rem}.no-schemes{text-align:center;padding:30px;color:#666}.no-schemes .icon{font-size:2.5rem;margin-bottom:10px}@media (max-width: 1100px){.main-layout{grid-template-columns:1fr}.left-panel{order:2}.center-panel{order:1}.right-panel{order:3}}