:root{--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--bg:#f1f5f9;--card:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-page{justify-content:center;align-items:center;min-height:100dvh;display:flex}.login-card{background:var(--card);text-align:center;border-radius:1rem;padding:3rem;box-shadow:0 1px 3px #0000001a}.login-card h1{margin-bottom:.5rem;font-size:1.5rem}.login-card p{color:var(--text-muted);margin-bottom:2rem}.google-login-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:1rem;transition:box-shadow .2s;display:flex}.google-login-btn:hover{box-shadow:0 2px 8px #0000001a}.dashboard-header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.dashboard-header h1{font-size:1.25rem}.user-info{align-items:center;gap:1rem;display:flex}.logout-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.dashboard-main{padding:2rem}.dashboard-main h2{margin-bottom:1rem}.incoming-calls{z-index:1000;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.incoming-call-popup{background:var(--card);border-radius:.75rem;width:320px;padding:1rem;animation:.3s ease-out slideIn;box-shadow:0 4px 24px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.popup-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.urgency-badge{border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.urgency-high{color:var(--danger);background:#fef2f2}.urgency-medium{color:var(--warning);background:#fffbeb}.urgency-low{color:var(--success);background:#f0fdf4}.popup-body{margin-bottom:.75rem}.company-name{font-weight:600}.caller-name{color:var(--text-muted);font-size:.875rem}.category{color:var(--primary);font-size:.875rem}.summary{margin-top:.25rem;font-size:.875rem}.popup-actions{gap:.5rem;display:flex}.accept-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:.375rem;flex:1;padding:.5rem;font-weight:600}.dismiss-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.375rem;flex:1;padding:.5rem}.call-list table{border-collapse:collapse;background:var(--card);border-radius:.5rem;width:100%;overflow:hidden}.call-list th,.call-list td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.call-list th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.no-calls{color:var(--text-muted);text-align:center;padding:2rem}.call-page{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;display:flex}.call-info{text-align:center}.call-summary{color:var(--text-muted);margin-top:.5rem}.participant-count{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.end-button{color:#fff;background:var(--danger);cursor:pointer;border:none;border-radius:999px;padding:.75rem 2rem;font-size:1rem}.loading,.connecting{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}