:root{--primary-color: #003462;--secondary-color: #ed6501;--bg-gradient: radial-gradient(circle at center, #ffffff 0%, #f1f5f9 100%);--user-bubble: #f1f5f9;--agent-bubble: #e0f2fe;--border-light: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-gradient);color:#1e293b;overflow-x:hidden}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#003462,#001a30);padding:1rem}.login-card{background:#fff;border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:0 25px 50px -12px #00000040;max-width:360px;width:100%}.password-input-container{display:flex;align-items:center;background:#f1f5f9;border-radius:12px;padding:0 1rem;margin:1.5rem 0;border:2px solid #e2e8f0;transition:border-color .2s}.password-input-container:focus-within{border-color:#003462}.lock-icon{color:#94a3b8;margin-right:.5rem}.password-input{flex:1;border:none;background:transparent;padding:1rem 0;font-size:1rem;outline:none}.login-btn{width:100%;padding:1rem;background:#003462;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-btn:hover{background:#004a82}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.app-content-wrapper{width:100%;max-width:550px;transition:all .5s cubic-bezier(.4,0,.2,1)}.app-layout{display:flex;flex-direction:column;align-items:center;width:100%}.avatar-container{margin-bottom:1rem}.avatar-container .avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #e0f2fe;box-shadow:0 10px 25px #0000001a}.agent-name{font-size:1.5rem;font-weight:700;color:#003462;margin-bottom:.25rem}.agent-role{font-size:.875rem;color:#64748b;margin-bottom:1rem}.dialpad-panel{width:100%;background:#fff;padding:2.5rem;border-radius:32px;box-shadow:0 10px 40px #00346214;border:1px solid rgba(0,52,98,.05);display:flex;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);margin-bottom:2rem}.dialpad-collapsed{height:0;margin-bottom:0;padding:0;overflow:hidden;opacity:0;transform:scale(.95) translateY(-20px);pointer-events:none}.dialpad-display{height:70px;background:#f8fafc;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem;border:2px solid #f1f5f9}.dialpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dial-btn{height:64px;border-radius:16px;background:#f1f5f9;border:none;font-size:1.4rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dial-btn:hover{background:#e2e8f0;color:#0f172a}.dial-btn.call{grid-column:span 3;background:var(--primary-color);color:#fff;margin-top:8px;font-size:1.1rem;gap:10px}.dial-btn.call:hover{background:#00284d;transform:translateY(-2px);box-shadow:0 4px 12px #00346233}.voice-card{width:100%;background:#fff;border-radius:32px;padding:2.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 60px #0034621f;transition:all .5s ease}.voice-card-hidden{display:none}.avatar-container{position:relative;margin-bottom:1.5rem}.avatar{width:160px;height:160px;border-radius:50%;border:4px solid white;box-shadow:0 10px 30px #00346226;transition:transform .3s ease}.voice-card.active .avatar{transform:scale(1.05)}.agent-name{margin:1rem 0 .2rem;color:var(--primary-color);font-size:1.8em;font-weight:800}.agent-role{font-size:1rem;color:#94a3b8;margin-bottom:1.5rem}.status-indicator{padding:8px 16px;background:#f8fafc;border-radius:24px;font-size:.85rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:8px;margin-bottom:1.5rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.status-indicator.recording .status-dot{background:#ef4444;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.visualizer{height:48px;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:2rem}.bar{width:4px;height:6px;background:var(--primary-color);border-radius:4px;opacity:.2}.bar.active{opacity:1;animation:wave .8s ease-in-out infinite alternate}@keyframes wave{0%{height:6px}to{height:40px}}.transcript-container{width:100%;max-height:280px;overflow-y:auto;padding:10px;margin-bottom:2rem;display:flex;flex-direction:column;gap:12px}.transcript-entry{max-width:85%;padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.5;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcript-entry.user{align-self:flex-end;background:var(--user-bubble);border-bottom-right-radius:4px}.transcript-entry.agent{align-self:flex-start;background:var(--agent-bubble);border-bottom-left-radius:4px;color:#0369a1}.floating-context-container{position:fixed;right:24px;bottom:100px;width:340px;display:flex;flex-direction:column-reverse;gap:12px;z-index:1000;pointer-events:none}.context-bubble{pointer-events:auto;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001f;border:1px solid #f1f5f9;border-left:5px solid var(--primary-color);padding:16px;animation:slideInUp .5s cubic-bezier(.175,.885,.32,1.275);position:relative;transition:all .3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.context-bubble:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00000026}.context-bubble-close{position:absolute;top:10px;right:10px;background:#f1f5f9;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.product-card{display:flex;gap:12px;align-items:center}.product-img{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#f8fafc}.product-title{font-weight:700;font-size:.9rem;color:#0f172a;margin-bottom:4px}.product-price{color:var(--secondary-color);font-weight:800;font-size:.85rem}.voice-card-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.branding-powered{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#94a3b8}.branding-logo{height:24px;width:auto}.footer-text{font-size:.7rem;color:#cbd5e1;letter-spacing:1px;text-transform:uppercase}.controls{display:flex;gap:16px;margin-bottom:1.5rem}.btn-mic{width:72px;height:72px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #00346240;transition:all .3s}.btn-mic:hover{transform:scale(1.05)}.btn-mic.active{background:#ef4444;box-shadow:0 8px 24px #ef44444d}.btn-small{width:48px;height:48px;border-radius:50%;background:#f1f5f9;color:#64748b;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-small:hover{background:#e2e8f0;color:#0f172a}