:root{--bg:#060010;--bg-gradient-start:#060010;--bg-gradient-end:#0A001A;--fg:#F9FAFB;--muted:#D1D5DB;--card:#0D0418;--border:#1A0B2E;--accent-teal:rgb(0,255,200);--accent-purple:rgb(132,0,255);--accent:#3b82f6;--ok:#16a34a;--warn:#f59e0b;--off:#dc2626;--glow-teal: 0,255,200;--glow-purple: 132,0,255}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;overflow-x:hidden}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:#111827e6;border-right:1px solid #1f2937;display:flex;flex-direction:column;align-items:center;padding:20px 0}.nav{display:flex;flex-direction:column;gap:14px;width:100%;align-items:center;margin-top:20px}.nav a{color:var(--muted);font-weight:500;text-decoration:none;padding:8px 12px;border-radius:6px;width:80%;text-align:center;cursor:pointer;transition:.2s}.nav a:hover,.nav a.active{background:var(--accent);color:#fff}.main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #1f2937;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f14cc}.brand{font-size:18px;font-weight:600;margin:0;color:var(--fg)}.stats-bar{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 24px;border-bottom:1px solid #1f2937;background:#111827cc}.stat span{color:var(--muted);font-size:13px}.stat h3{margin:4px 0 0;font-size:20px;color:var(--fg)}.recorder-section{margin-left:auto}.audio-recorder{display:flex;align-items:center;gap:12px}.btn.record{background:#dc2626;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:.2s}.btn.record:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262666}.btn.stop{background:#f59e0b;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;border:none;cursor:pointer;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.processing{display:flex;align-items:center;gap:10px;color:var(--fg)}.spinner{width:20px;height:20px;border:3px solid rgba(59,130,246,.3);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{padding:20px;flex:1;overflow:auto;position:relative;z-index:1}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.site-card{background:#ffffff08;border:1px solid #1f2937;padding:14px;border-radius:8px;transition:box-shadow .2s,transform .1s,border-color .2s;box-shadow:0 2px 8px #0000004d}.site-card.highlighted{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633,0 4px 12px #0006;transform:translateY(-2px)}.site-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.site-card h3{margin:0;font-size:16px;color:var(--fg)}.badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-ok{color:#dcfce7;background:#16a34a33;border:1px solid rgba(22,163,74,.5)}.badge-warn{color:#fef3c7;background:#f59e0b33;border:1px solid rgba(245,158,11,.5)}.badge-off{color:#fee2e2;background:#dc262633;border:1px solid rgba(220,38,38,.5)}.site-card__meta{margin-top:10px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;font-size:14px}.call-toast{position:fixed;top:20px;right:-360px;width:320px;background:#111827f2;border:1px solid var(--border);border-radius:12px;padding:16px 20px;box-shadow:0 6px 16px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:999}.call-toast.show{right:20px;opacity:1}.call-toast.hide{right:-360px;opacity:0}.toast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.toast-header h3{font-size:16px;margin:0;color:var(--fg)}.toast-body{margin:8px 0 12px;color:var(--muted)}.toast-actions{display:flex;gap:8px;justify-content:flex-end}.close-btn{border:none;background:transparent;color:var(--fg);font-size:24px;cursor:pointer;opacity:.5;line-height:1;padding:0;width:24px;height:24px}.close-btn:hover{opacity:1}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:all .2s;font-size:14px}.btn.answer{background:var(--accent);color:#fff}.btn.answer:hover{background:#1d4ed8}.btn.cancel{background:#37415180;color:var(--fg);border:1px solid var(--border)}.btn.cancel:hover{background:#4b5563b3}.icon-btn{padding:10px 18px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;background:#3b82f6;color:#fff;border:none;cursor:pointer;transition:all .2s;font-weight:600;font-size:14px}.icon-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.icon-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.icon-btn:active{transform:translateY(0)}.waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:20px;margin:10px 0}.bar{width:3px;height:8px;background:var(--accent);animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{height:8px;opacity:.4}50%{height:20px;opacity:1}}.timer{font-size:14px;color:var(--fg);font-weight:600}.btn.end{background:#ef4444;color:#fff}.btn.end:hover{background:#dc2626;box-shadow:0 2px 8px #ef444466}.transcription-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transcription-content{background:#111827f2;border:1px solid var(--border);border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.transcription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.transcription-header h2{margin:0;color:var(--fg);font-size:20px}.transcription-body{display:flex;flex-direction:column;gap:16px}.result-section{display:flex;flex-direction:column;gap:6px}.result-section label{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-section p{margin:0;color:var(--fg);background:#ffffff08;padding:10px 12px;border-radius:6px;border:1px solid var(--border)}.site-name{color:var(--accent);font-weight:600;font-size:16px}.issue-label{color:#f59e0b;font-weight:600}.transcript{line-height:1.6;max-height:150px;overflow-y:auto}.transcription-actions{margin-top:20px;display:flex;justify-content:flex-end}.transcription-actions .btn{background:var(--accent);color:#fff;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.transcription-actions .btn:hover{background:#1d4ed8}.calls-container{display:flex;flex-direction:column;gap:24px;padding:20px;flex:1;overflow:auto;position:relative;z-index:1}.recording-section{background:#11182799;border:1px solid var(--border);border-radius:12px;padding:32px;min-height:300px;display:flex;align-items:center;justify-content:center}.recording-prompt{text-align:center;color:var(--muted);font-size:16px}.active-call{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.call-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px}.recording-indicator{color:#ef4444;font-weight:600;animation:pulse 1.5s infinite}.call-timer{color:var(--fg);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.voice-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:80px;width:100%;max-width:500px}.voice-bar{width:4px;height:10px;background:var(--muted);border-radius:2px;transition:all .1s}.voice-visualizer.active .voice-bar{background:var(--accent);animation:voiceWave .8s ease-in-out infinite}@keyframes voiceWave{0%,to{height:10px;opacity:.4}50%{height:60px;opacity:1}}.live-transcript-container{width:100%;max-width:500px}.live-transcript-container label{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.live-transcript{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:16px;min-height:100px;max-height:200px;overflow-y:auto;color:var(--fg);line-height:1.6}.btn.stop-analyze{background:linear-gradient(135deg,rgba(var(--glow-teal),.25),rgba(var(--glow-purple),.25));color:#fff;padding:14px 36px;border-radius:12px;font-weight:600;border:1px solid rgba(var(--glow-teal),.4);cursor:pointer;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 25px rgba(var(--glow-teal),.3)}.btn.stop-analyze:hover{background:linear-gradient(135deg,rgba(var(--glow-teal),.35),rgba(var(--glow-purple),.35));transform:translateY(-2px);box-shadow:0 0 35px rgba(var(--glow-teal),.5),0 10px 30px #0006;border-color:rgba(var(--glow-teal),.6)}.btn.stop-analyze:active{transform:translateY(0) scale(.98)}.analyzing{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--fg)}.calls-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calls-log-section h2{color:var(--fg);margin:0;font-size:20px}.selection-controls{display:flex;align-items:center;gap:12px}.selected-count{color:var(--accent);font-weight:600;font-size:14px}.btn.select-btn{background:#3b82f626;color:var(--accent);border:1px solid rgba(59,130,246,.3);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn.select-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.delete-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.5);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn.delete-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.calls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.no-calls{color:var(--muted);text-align:center;padding:32px;grid-column:1 / -1}.call-card{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;position:relative;display:flex;gap:12px}.call-card.selected{border-color:var(--accent);background:#3b82f60d}.call-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.call-card>div{flex:1}.call-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.call-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.call-card h4{margin:0;color:var(--fg);font-size:16px}.call-duration{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.call-card-issue{color:#f59e0b;font-size:14px;font-weight:600;margin-bottom:12px}.call-card-footer{display:flex;justify-content:space-between;align-items:center}.call-timestamp{color:var(--muted);font-size:12px}.assigned-site{text-align:center;padding:12px 20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;width:100%;max-width:500px}.assigned-site label{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;display:block;margin-bottom:4px}.assigned-site h3{color:var(--accent);margin:0;font-size:18px}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirm-modal{background:#111827fa;border:1px solid var(--border);border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0009;position:relative}.delete-modal-icon{font-size:48px;margin-bottom:16px}.delete-confirm-modal h2{color:var(--fg);margin:0 0 12px;font-size:24px}.delete-confirm-modal p{color:var(--muted);line-height:1.6;margin:0 0 24px}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.delete-modal-actions .cancel-btn{background:#ffffff1a;color:var(--fg);border:1px solid var(--border);padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.delete-modal-actions .cancel-btn:hover{background:#ffffff26;border-color:var(--fg)}.delete-modal-actions .delete-btn{background:#ef4444;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.delete-modal-actions .delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.analytics-container{padding:20px;display:flex;flex-direction:column;gap:24px;overflow:auto;position:relative;z-index:1;flex:1}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.stat-label{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--accent);font-size:32px;margin:0;font-weight:700}.stat-issue{font-size:18px;color:#f59e0b}.no-data{text-align:center;padding:60px 20px;color:var(--muted)}.no-data p:first-child{font-size:48px;margin:0 0 16px}.no-data-hint{font-size:16px;margin:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px}.chart-card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000004d}.chart-title{color:var(--fg);font-size:16px;font-weight:600;margin:0 0 16px}.chart-content{min-height:300px}.no-chart-data{display:flex;align-items:center;justify-content:center;height:300px;color:var(--muted);font-size:14px}.activity-summary{display:flex;flex-direction:column;gap:20px;padding:20px 0}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff05;border:1px solid var(--border);border-radius:8px}.activity-item span{color:var(--muted);font-size:14px}.activity-item strong{color:var(--accent);font-size:18px}.calls-table-section{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:20px}.calls-table-section h2{color:var(--fg);margin:0 0 16px;font-size:18px}.table-container{overflow-x:auto}.calls-table{width:100%;border-collapse:collapse}.calls-table thead{background:#ffffff0d}.calls-table th{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.calls-table td{color:var(--fg);padding:12px 16px;border-bottom:1px solid rgba(31,41,55,.5);font-size:14px}.calls-table tbody tr:hover{background:#ffffff05}.site-cell{font-weight:600}.issue-cell{color:#f59e0b}.time-cell{color:var(--muted);font-size:13px}.summary-cell{max-width:350px;color:var(--muted);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.orb-background-wrapper{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.15}.orb{width:800px;height:800px;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsla(var(--orb-hue, 240),100%,70%,.8),hsla(var(--orb-hue, 240),80%,50%,.6),hsla(var(--orb-hue, 240),60%,30%,.3),transparent 70%);filter:blur(80px);animation:orbPulse 8s ease-in-out infinite,orbFloat 20s ease-in-out infinite;transition:transform .3s ease-out}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}@keyframes orbFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(50px,-30px) rotate(120deg)}66%{transform:translate(-30px,40px) rotate(240deg)}}.magic-bento-grid{position:relative;z-index:1}.magic-bento{position:relative;border-radius:20px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);background:#0d041899;border:1px solid rgba(var(--glow-teal),.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.magic-bento.tilt-enabled:hover{transform:translateY(-4px);border-color:rgba(var(--glow-teal),.3);box-shadow:0 0 30px rgba(var(--glow-teal),.2),0 20px 40px #0006,inset 0 1px #ffffff0d}.magic-bento.click-enabled:active{transform:translateY(-2px) scale(.98)}.magic-bento-content{position:relative;z-index:2}.magic-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:20px}.magic-star{position:absolute;width:4px;height:4px;background:rgba(var(--glow-teal),1);border-radius:50%;box-shadow:0 0 10px rgba(var(--glow-teal),.8);animation:starTwinkle 1.5s ease-in-out infinite;animation-delay:var(--star-delay, 0s)}.magic-star:nth-child(1){top:10%;left:20%}.magic-star:nth-child(2){top:20%;right:15%}.magic-star:nth-child(3){bottom:25%;left:30%}.magic-star:nth-child(4){bottom:15%;right:25%}.magic-star:nth-child(5){top:50%;left:10%}.magic-star:nth-child(6){top:70%;right:20%}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.scroll-stack{display:flex;flex-direction:column;gap:20px;padding:20px}.scroll-stack-item{position:relative;background:transparent;border:none;border-radius:16px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.scroll-stack-item:hover{transform:translate(4px)}.scroll-stack-item h2,.scroll-stack-item h3,.scroll-stack-item h4{color:var(--fg);margin-top:0;margin-bottom:12px}.scroll-stack-item p{color:var(--muted);line-height:1.6;margin-bottom:12px}.scroll-stack-item small{color:var(--muted);font-size:13px;opacity:.7}.btn-glow{position:relative;background:linear-gradient(135deg,rgba(var(--glow-teal),.2),rgba(var(--glow-purple),.2));border:1px solid rgba(var(--glow-teal),.4);color:var(--fg);padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden}.btn-glow:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--glow-teal),.1),rgba(var(--glow-purple),.1));opacity:0;transition:opacity .3s ease}.btn-glow:hover{transform:translateY(-2px);border-color:rgba(var(--glow-teal),.6);box-shadow:0 0 20px rgba(var(--glow-teal),.3),0 10px 30px #0006}.btn-glow:hover:before{opacity:1}.btn-glow:active{transform:translateY(0) scale(.98)}.floating-call-btn{position:fixed;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--glow-teal),.3),rgba(var(--glow-purple),.3));border:2px solid rgba(var(--glow-teal),.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 30px rgba(var(--glow-teal),.4),0 10px 40px #00000080;z-index:999}.floating-call-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 40px rgba(var(--glow-teal),.6),0 15px 50px #0009;border-color:rgba(var(--glow-teal),.8)}.floating-call-btn:active{transform:translateY(-2px) scale(1)}.page-layout{position:relative;min-height:100vh}.page-layout>main{position:relative;z-index:1}.layout{position:relative;z-index:1}.sidebar{background:#0d0418cc;border-right:1px solid rgba(var(--glow-teal),.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar{background:#060010cc;border-bottom:1px solid rgba(var(--glow-teal),.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.stats-bar{background:#0d041899;border-bottom:1px solid rgba(var(--glow-teal),.1);position:relative;z-index:10}.site-card,.call-card,.stat-card,.chart-card{background:#0d041899;border:1px solid rgba(var(--glow-teal),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.site-card:hover,.call-card:hover{transform:translateY(-2px);border-color:rgba(var(--glow-teal),.3);box-shadow:0 0 20px rgba(var(--glow-teal),.15),0 10px 30px #0000004d}.site-card.highlighted{border-color:rgba(var(--glow-teal),.8);box-shadow:0 0 40px rgba(var(--glow-teal),.4),0 0 0 3px rgba(var(--glow-teal),.2),0 15px 40px #0006;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 40px rgba(var(--glow-teal),.4),0 0 0 3px rgba(var(--glow-teal),.2),0 15px 40px #0006}50%{box-shadow:0 0 60px rgba(var(--glow-teal),.6),0 0 0 4px rgba(var(--glow-teal),.3),0 20px 50px #00000080}}