:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#10233b;background:#f5f8fc}*{box-sizing:border-box}body{margin:0}.layout{height:100vh;display:grid;grid-template-columns:260px 390px 1fr}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071d3c,#0b4d7a)}.auth section{width:420px;padding:38px;background:white;border-radius:18px;box-shadow:0 25px 65px #0016}.auth h1{margin:26px 0 8px}.auth p{color:#617184}.auth input{width:100%;padding:14px;border:1px solid #d8e1ec;border-radius:10px;margin:16px 0}.auth button{width:100%;padding:13px;background:#0b5faa;color:#fff;border:0;border-radius:10px;font-weight:700}.brand{font-weight:800;font-size:17px;line-height:1.35;display:flex;gap:12px;align-items:center;margin-bottom:20px}.brand img.logo{width:38px;height:38px;object-fit:contain;background:white;padding:3px;border-radius:8px;box-shadow:0 4px 12px #00000026}.brand-text{display:flex;flex-direction:column}.brand-title{color:#fff;font-size:16px;font-weight:800}.brand-subtitle{color:#8bb3db;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.auth .brand-title{color:#10233b}.auth .brand-subtitle{color:#0b5faa}.gemini-badge{background:#1c83bd;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;margin-left:8px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 6px #1c83bd4d;display:inline-flex;align-items:center}aside{background:#0a2444;color:#e9f4ff;padding:28px 16px;display:flex;flex-direction:column;gap:16px}.nav{display:flex;align-items:center;gap:12px;color:#bed1e6;background:transparent;border:0;border-radius:9px;padding:12px;width:100%;font-size:14px;text-align:left}.nav b{margin-left:auto;background:#185e96;color:#fff;border-radius:20px;padding:2px 8px}.nav.active{background:#123d68;color:#fff}.asideBottom{margin-top:auto}.calls{padding:30px 20px;border-right:1px solid #e2e9f1;background:white;overflow:auto}.calls header,.detail header{display:flex;align-items:flex-start;justify-content:space-between}.calls h1,.detail h2{margin:0 0 6px}.calls p,.detail p{margin:0;color:#718096;font-size:13px}.icon{border:1px solid #d9e4ef;background:white;padding:9px;border-radius:8px}.search{display:flex;align-items:center;gap:8px;margin:24px 0;padding:11px 12px;border:1px solid #dfe8f0;border-radius:9px;color:#79889a}.search input{border:0;outline:0;width:100%}.callList{display:grid;gap:9px}.callCard{border:1px solid #e1e9f0;background:white;padding:13px;border-radius:10px;text-align:left;display:flex;justify-content:space-between;gap:8px;color:#21364d}.callCard.selected{border-color:#1c83bd;box-shadow:0 0 0 2px #e5f5fc}.callCard div{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.callCard b{font-size:13px}.callCard small{grid-column:2;color:#7a8998;margin-top:3px}.callCard>span{font-size:11px;color:#617184}.dot{width:8px;height:8px;border-radius:50%;background:#a5b2c1;margin-top:4px}.dot.live{background:#ef4444;box-shadow:0 0 0 3px #ffe2e2}.detail{padding:34px;overflow:auto;background:#f8fafc}.eyebrow{font-size:10px;color:#28b;font-weight:800;letter-spacing:.1em}.listen{display:flex;align-items:center;gap:7px;background:#e7f7ef;color:#13734b;padding:8px 12px;border-radius:20px;font-size:13px}.notice{margin:24px 0;padding:10px 14px;border-left:3px solid #f0ad2d;background:#fff9ec;color:#725422;font-size:12px}.transcript{display:grid;gap:16px}.transcript article{max-width:80%;padding:13px 15px;border-radius:12px;background:white;border:1px solid #e4ebf2}.transcript article.agent{justify-self:end;background:#eaf6ff;border-color:#caeaff}.transcript span{font-size:11px;color:#55718c;font-weight:700}.transcript p{color:#172f47;font-size:14px;margin:6px 0}.transcript small{font-size:10px;color:#8290a0}.empty,.noSelection{color:#718096;text-align:center;padding:50px 10px}.noSelection{height:100%;display:grid;place-content:center}.noSelection svg{justify-self:center;color:#83a1ba}.error{font-size:12px;padding:10px;background:#fff0f0;color:#a02f2f;border-radius:8px}@media (max-width:900px){.layout{grid-template-columns:68px 280px 1fr}aside .brand{justify-content:center;margin-bottom:10px}aside .brand .brand-text{display:none}.nav{justify-content:center}.nav span{display:none}.detail{padding:20px}}.testLayout{grid-template-columns:260px 1fr}.testCall{padding:34px;overflow:auto;background:#f8fafc}.testHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.testHeader h1{margin:4px 0 8px}.testHeader p{margin:0;color:#718096;max-width:700px}.callStatus{display:flex;align-items:center;gap:8px;border-radius:20px;padding:9px 12px;background:#edf2f7;color:#53667b;font-size:13px;font-weight:700}.callStatus.live{background:#e7f7ef;color:#14734b}.pulse{width:8px;height:8px;border-radius:50%;background:#94a3b8}.callStatus.live .pulse{background:#22c55e;box-shadow:0 0 0 4px #d4f6df}.testGrid{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(440px,1.5fr);gap:22px;margin-top:28px;max-width:1200px}.callPanel,.chatPanel{background:white;border:1px solid #e2eaf1;border-radius:16px;box-shadow:0 10px 26px #1a3d5b0d}.callPanel{padding:32px;display:grid;place-items:center;text-align:center;min-height:480px}.agentOrb{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0a66ad,#0a2444);color:#fff;box-shadow:0 16px 32px #0a66ad30}.callPanel h2{margin:22px 0 8px}.callPanel>p{margin:0;color:#6b7c8e;line-height:1.55;max-width:330px}.callMeta{min-height:22px;margin:18px 0;color:#7a8c9e;font-size:11px}.callControls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.startCall,.mute,.endCall{border:0;border-radius:10px;padding:12px 16px;color:#fff;font-weight:800;display:flex;align-items:center;gap:8px}.startCall{background:#0b5faa}.mute{background:#1c7eae}.mute.muted{background:#e69b2e}.endCall{background:#d94b4b}.consent{margin-top:24px;color:#8290a0;font-size:11px}.chatPanel{display:flex;flex-direction:column;min-height:480px;overflow:hidden}.chatHeader{padding:17px 20px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:11px;color:#0e5d94}.chatHeader div{display:grid;gap:2px}.chatHeader small{color:#7b8c9b;font-size:11px}.chatBody{padding:18px;display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:600px;min-height:420px;background:linear-gradient(#fbfdff,#f5f9fc)}.bubble{max-width:82%;padding:12px 14px;border-radius:13px;background:white;border:1px solid #e2eaf1}.bubble.agent{align-self:flex-end;background:#e8f6ff;border-color:#c9e8fb}.bubble span{font-size:11px;font-weight:800;color:#53718e}.bubble p{margin:6px 0;color:#152f49;line-height:1.45}.bubble small{font-size:10px;color:#8290a0}.chatBody .empty{margin:auto;padding:20px}.chatBody .empty svg{color:#83a1ba}@media (max-width:1000px){.testGrid{grid-template-columns:1fr}.testLayout{grid-template-columns:68px 1fr}.testCall{padding:20px}.testHeader{align-items:flex-start;flex-direction:column}}.chatBody,.transcript{display:flex;flex-direction:column;gap:16px;padding:20px}.bubble,.transcript article{display:flex;gap:12px;align-items:flex-start;max-width:80%;padding:14px 18px;border-radius:16px;position:relative;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;animation:slideUpFade .35s cubic-bezier(.16,1,.3,1) forwards;transition:all .2s ease}.bubbleAvatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 2px 5px #00000014}.bubbleContent{display:flex;flex-direction:column;gap:4px;width:100%}.bubbleHeader{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bubbleLabel{font-size:12px;font-weight:700;letter-spacing:.02em}.bubbleTime{font-size:10px;align-self:flex-end;margin-top:2px}.bubble.caller,.transcript article.caller{align-self:flex-start!important;justify-self:start!important;background:#ffffff!important;border:1px solid #e2e8f0!important;border-bottom-left-radius:4px!important;box-shadow:0 4px 15px #00000008!important;color:#1e293b!important}.bubble.caller .bubbleAvatar,.transcript article.caller .bubbleAvatar{background:#edf2f7;color:#4a5568}.bubble.caller .bubbleLabel,.transcript article.caller .bubbleLabel{color:#475569}.bubble.caller p,.transcript article.caller p{color:#1e293b!important;margin:4px 0!important;font-size:14.5px!important}.bubble.caller .bubbleTime,.transcript article.caller .bubbleTime{color:#94a3b8}.bubble.agent,.transcript article.agent{align-self:flex-end!important;justify-self:end!important;background:linear-gradient(135deg,#0b5faa,#1480c6)!important;border:none!important;border-bottom-right-radius:4px!important;box-shadow:0 6px 20px #0b5faa26!important;color:#fff!important}.bubble.agent .bubbleAvatar,.transcript article.agent .bubbleAvatar{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.bubble.agent .bubbleLabel,.transcript article.agent .bubbleLabel{color:#ffffffe6}.bubble.agent p,.transcript article.agent p{color:#fff!important;margin:4px 0!important;font-size:14.5px!important}.bubble.agent .bubbleTime,.transcript article.agent .bubbleTime{color:#ffffffb3}.bubble.isLive,.transcript article.isLive{border:1px dashed #10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.bubble.agent.isLive,.transcript article.agent.isLive{border:1px dashed rgba(255,255,255,.6)!important}.liveIndicator{font-size:11px;font-weight:600;color:#10b981;display:flex;align-items:center;gap:4px}.bubble.agent .liveIndicator{color:#34d399}.liveDot{width:6px;height:6px;background-color:#10b981;border-radius:50%;display:inline-block;animation:pulseLive 1.5s infinite ease-in-out}.bubble.agent .liveDot{background-color:#34d399}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseLive{0%{transform:scale(.85);opacity:.5;box-shadow:0 0 #10b981b3}70%{transform:scale(1.15);opacity:1;box-shadow:0 0 0 5px #10b98100}to{transform:scale(.85);opacity:.5;box-shadow:0 0 #10b98100}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,36,68,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;animation:fadeIn .25s ease-out}.modal-content{background:white;padding:30px;border-radius:16px;width:440px;box-shadow:0 20px 50px #0a244426;border:1px solid #e2eaf1;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-content h2{margin:0 0 10px;color:#0a2444;font-size:20px}.modal-content p{color:#6b7c8e;font-size:13px;margin:0 0 20px;line-height:1.5}.modal-content input{width:100%;padding:13px 16px;border:1px solid #d8e1ec;border-radius:10px;font-size:14px;margin-bottom:16px;outline:none;transition:border-color .2s ease}.modal-content input:focus{border-color:#0b5faa}.dial-error{font-size:12px;padding:10px 12px;background:#fff0f0;color:#a02f2f;border-radius:8px;margin-bottom:16px}.dial-success{font-size:12px;padding:10px 12px;background:#e7f7ef;color:#14734b;border-radius:8px;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.cancel-btn,.confirm-btn{padding:11px 20px;border-radius:10px;font-weight:700;font-size:13px;border:0;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#edf2f7;color:#4a5568}.cancel-btn:hover{background:#e2e8f0}.confirm-btn{background:#0b5faa;color:#fff}.confirm-btn:hover{background:#094f8f}.confirm-btn:disabled{background:#a0c2e2;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.hangup-btn{display:flex;align-items:center;gap:6px;background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.hangup-btn:hover{background:#e53e3e;color:#fff;border-color:#e53e3e}.escalation-alert-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);width:600px;max-width:90%;background:linear-gradient(135deg,#fff5f5,#fff0f0);border:2px solid #feb2b2;border-radius:12px;box-shadow:0 12px 30px #e53e3e33;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:1100;animation:slideDownFadeAlert .4s cubic-bezier(.16,1,.3,1) forwards}.escalation-alert-content{display:flex;align-items:flex-start;gap:12px}.escalation-alert-icon{font-size:24px;display:flex;align-items:center;justify-content:center;animation:pulseWarning 1s infinite alternate}.escalation-alert-content h3{margin:0 0 4px;color:#c53030;font-size:15px;font-weight:700}.escalation-alert-content p{margin:0;color:#4a5568;font-size:13px;line-height:1.4}.escalation-alert-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.dismiss-btn,.take-call-btn{padding:8px 14px;border-radius:8px;font-weight:700;font-size:12px;border:0;cursor:pointer;transition:all .2s ease;text-align:center}.dismiss-btn{background:#edf2f7;color:#4a5568}.dismiss-btn:hover{background:#e2e8f0}.take-call-btn{background:#e53e3e;color:#fff}.take-call-btn:hover{background:#c53030}@keyframes slideDownFadeAlert{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulseWarning{0%{transform:scale(1)}to{transform:scale(1.15)}}.takeover-btn-header{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#2b6cb0,#3182ce);color:#fff;border:none;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #3182ce33;transition:all .25s ease}.takeover-btn-header:hover{transform:translateY(-1px);box-shadow:0 6px 14px #3182ce4d;background:linear-gradient(135deg,#2c5282,#2b6cb0)}.takeover-active-badge{display:flex;align-items:center;gap:7px;background:#fff5f5;color:#c53030;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:700;border:1px solid #feb2b2;animation:flashBorderRed 1.8s infinite ease-in-out}.mute-btn{display:flex;align-items:center;gap:6px;background:#edf2f7;color:#4a5568;border:1px solid #cbd5e0;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.mute-btn:hover{background:#e2e8f0}.mute-btn.muted{background:#feebc8;color:#dd6b20;border-color:#fbd38d}.mute-btn.muted:hover{background:#fde8c4}.mic-meter-container{display:flex;flex-direction:column;gap:3px;min-width:90px}.mic-meter-container small{font-size:10px;font-weight:600;color:#718096}.mic-meter-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;width:100%}.mic-meter-fill{height:100%;background:#3182ce;border-radius:3px;transition:width 60ms linear}.incoming-banner{background:linear-gradient(135deg,#ebf8ff,#e6fffa)!important;border:2px solid #90cdf4!important;box-shadow:0 12px 30px #3182ce26!important}.incoming-icon{animation:shakePhone 1.2s infinite ease-in-out!important}@keyframes flashBorderRed{0%{border-color:#feb2b2;box-shadow:0 0 #e53e3e26}50%{border-color:#fc8181;box-shadow:0 0 0 4px #e53e3e4d}to{border-color:#feb2b2;box-shadow:0 0 #e53e3e26}}@keyframes shakePhone{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.redDot{background-color:#e53e3e!important;animation:pulseRed 1.5s infinite ease-in-out!important}@keyframes pulseRed{0%{transform:scale(.85);opacity:.5;box-shadow:0 0 #e53e3eb3}70%{transform:scale(1.15);opacity:1;box-shadow:0 0 0 5px #e53e3e00}to{transform:scale(.85);opacity:.5;box-shadow:0 0 #e53e3e00}}.listen-btn{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0000000d}.listen-btn.inactive{background:#edf2f7;color:#4a5568;border:1px solid #cbd5e0}.listen-btn.inactive:hover{background:#e2e8f0;color:#2d3748;border-color:#a0aec0;transform:translateY(-1px)}.listen-btn.active{background:#e7f7ef;color:#13734b;border:1px solid #a7f3d0;box-shadow:0 0 0 3px #10b9811a}.listen-btn.active:hover{background:#d1fae5;color:#065f46;border-color:#6ee7b7;transform:translateY(-1px)}.policyCall{padding:34px;overflow:auto;background:#f8fafc;display:flex;flex-direction:column;height:100vh}.policyHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.policyHeader h1{margin:4px 0 8px;font-size:24px;color:#0a2444}.policyHeader p{margin:0;color:#718096;font-size:14px}.policyContent{background:white;border:1px solid #e2eaf1;border-radius:16px;padding:40px;box-shadow:0 10px 30px #1a3d5b0a;overflow-y:auto;flex:1}.policyLoading{font-size:15px;color:#718096;text-align:center;padding:60px}.markdown-body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1e293b;line-height:1.7;font-size:15px}.markdown-body h1{font-size:26px;color:#0a2444;border-bottom:2px solid #e2eaf1;padding-bottom:12px;margin-top:0;margin-bottom:24px}.markdown-body h2{font-size:20px;color:#0b5faa;margin-top:32px;margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.markdown-body h3{font-size:16px;color:#0a2444;margin-top:24px;margin-bottom:10px;font-weight:700}.markdown-body p{margin-top:0;margin-bottom:16px;color:#334155}.markdown-body strong{color:#0a2444;font-weight:700}.markdown-body blockquote{margin:16px 0;padding:10px 20px;border-left:4px solid #1480c6;background:#f0f7fc;color:#1e3a5f;border-radius:0 8px 8px 0}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:16px;padding-left:24px}.markdown-body li{margin-bottom:8px;color:#334155}.markdown-body hr{height:1px;border:0;background:#e2eaf1;margin:32px 0}.markdown-body code{background:#f1f5f9;padding:3px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13.5px;color:#0f172a;font-weight:500}.markdown-body pre{background:#f8fafc;border:1px solid #e2eaf1;padding:16px;border-radius:12px;overflow-x:auto;margin:16px 0}.markdown-body pre code{background:none;padding:0;border-radius:0;font-size:13px;color:inherit}.flightsSection{padding:34px;overflow:auto;background:#f8fafc;display:flex;flex-direction:column;height:100vh}.flightsHeader{margin-bottom:24px}.flightsHeader h1{margin:4px 0 8px;font-size:24px;color:#0a2444}.flightsHeader p{margin:0;color:#718096;font-size:14px}.flightsSearchContainer{background:white;border:1px solid #e2eaf1;border-radius:16px;padding:24px;box-shadow:0 10px 30px #1a3d5b0a;margin-bottom:24px}.flightsSearchForm{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.formGroup{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.formGroup label{font-size:11px;font-weight:800;color:#0a2444;text-transform:uppercase;letter-spacing:.05em}.formGroup select{padding:12px 16px;border:1px solid #d8e1ec;border-radius:10px;font-size:14px;color:#1e293b;outline:none;background-color:#f8fafc;transition:all .2s ease;cursor:pointer}.formGroup select:focus{border-color:#0b5faa;background-color:#fff}.search-btn{padding:12px 24px;background:linear-gradient(135deg,#0b5faa,#1480c6);color:#fff;border:0;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0b5faa33;min-height:45px}.search-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0b5faa4d}.search-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.flightsResults{flex:1;overflow-y:auto}.flightsLoading{font-size:15px;color:#718096;text-align:center;padding:60px}.flightsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:24px}.flightCard{background:white;border:1px solid #e2eaf1;border-radius:16px;padding:20px;box-shadow:0 10px 25px #1a3d5b08;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.flightCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1a3d5b0f}.flightCardHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.fltNo{font-size:16px;font-weight:800;color:#0a2444;background:#edf5fc;padding:4px 10px;border-radius:8px}.fltTime{font-size:15px;font-weight:700;color:#475569}.flightCardBody{display:flex;justify-content:space-between;align-items:center}.priceInfo,.offerInfo{display:flex;flex-direction:column;gap:4px}.priceInfo small,.offerInfo small{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.priceInfo h3{margin:0;font-size:20px;color:#0b5faa;font-weight:800}.offerBadge{font-size:12px;font-weight:700;color:#64748b;background:#f1f5f9;padding:3px 8px;border-radius:6px}.offerBadge.hasOffer{color:#16a34a;background:#f0fdf4}.flightCardFooter{font-size:12px;color:#64748b;border-top:1px dashed #e2e8f0;padding-top:12px}.frequency{font-weight:600}
