:root{color:#101b32;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 88% 0,#e7eeff 0,#0000 32%),#f4f7fc;min-width:320px;margin:0}.dashboard-shell{width:min(1160px,100% - 36px);margin:0 auto;padding:24px 0 50px}.dashboard-header{justify-content:space-between;align-items:center;height:64px;margin-bottom:38px;display:flex}.brand img{object-fit:contain;width:196px;max-width:44vw;height:auto;max-height:54px;display:block}.header-actions{align-items:center;gap:16px;display:flex}.live-dot{color:#25774a;font-size:12px;font-weight:750}.live-dot:before{content:"";background:#2bbb72;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #2bbb721c}.dashboard h1,.login-card h1,.information-card h1{letter-spacing:-1.6px;margin:5px 0 10px;font-size:clamp(30px,4vw,42px);line-height:1.1}.eyebrow{color:#245ee9;letter-spacing:1.6px;margin:0 0 10px;font-size:11px;font-weight:850}.muted{color:#738097;margin:0;font-size:14px;line-height:1.55}.welcome-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.period-label{color:#657084;gap:7px;font-size:12px;font-weight:700;display:grid}.period-label select,.login-card input{color:#101b32;min-width:150px;font:inherit;background:#fff;border:1px solid #dfe5ef;border-radius:10px;padding:11px 13px;font-size:13px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-card,.report-card,.login-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 10px 34px #1d31500a}.metric-card{grid-template-columns:1fr auto;align-content:space-between;gap:8px;min-height:150px;padding:20px;display:grid}.metric-card>span:not(.metric-icon){color:#56637a;font-size:13px;font-weight:700}.metric-card strong{letter-spacing:-1.3px;align-self:end;font-size:34px}.metric-card small{color:#8994a7;grid-column:1/-1;font-size:11px}.metric-total{color:#fff;background:#101b32;border-color:#101b32}.metric-total>span:not(.metric-icon),.metric-total small{color:#b7c4dc}.metric-icon{border-radius:12px;grid-area:1/2/3;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.phone-icon{color:#205ff1;background:#e9efff}.wa-icon{color:#159f5a;background:#e8f8ef}.report-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.report-card{min-width:0;padding:22px}.card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-heading h2,.information-card h2{letter-spacing:-.3px;margin:0 0 4px;font-size:17px}.card-heading .muted{font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{color:#8490a3;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #edf0f5;padding:10px 8px;font-size:10px;font-weight:700}td{color:#344158;border-bottom:1px solid #f0f2f7;padding:12px 8px}tbody tr:last-child td{border-bottom:0}th:not(:first-child),td:not(:first-child){text-align:right}.empty-state{color:#8994a7;text-align:center;padding:18px 0;font-size:12px}.trend-card{grid-column:1/-1}.trend-chart{border-bottom:1px solid #e7ebf2;grid-auto-columns:minmax(18px,1fr);grid-auto-flow:column;align-items:end;gap:3px;height:180px;padding:12px 2px 0;display:grid;overflow-x:auto}.chart-column{color:#8691a4;flex-direction:column;justify-content:end;align-items:center;gap:8px;min-width:16px;height:100%;font-size:9px;display:flex}.bar-stack{background:#f1f4fa;border-radius:5px 5px 0 0;flex-direction:column;justify-content:end;width:min(100%,16px);height:145px;display:flex;overflow:hidden}.bar-stack i{flex:none;min-height:0;display:block}.bar-phone{background:#2863ee}.bar-whatsapp{background:#20b56c}.chart-legend{color:#66738a;gap:18px;margin-top:12px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.chart-legend i{border-radius:3px;width:9px;height:9px}.legend-phone{background:#2863ee}.legend-wa{background:#20b56c}.privacy-note,.setup-note{color:#8390a4;margin:16px 2px 0;font-size:11px;line-height:1.6}.privacy-note a,.back-link,.contact-detail a{color:#245ee9;text-underline-offset:2px;text-decoration:underline}.dashboard-error,.form-error{color:#b42318;min-height:18px;font-size:12px}.button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 15px;font-size:13px;font-weight:750}.button-primary{color:#fff;background:#215ff2;width:100%;margin-top:12px}.button-primary:hover{background:#174dcc}.button-quiet{color:#4c5a70;background:#fff;border:1px solid #dfe5ef}.button:disabled{opacity:.65;cursor:default}.login-card{width:min(440px,100%);margin:8vh auto 0;padding:32px}.login-mark{color:#215ff2;background:#eaf0ff;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:24px;font-size:23px;font-weight:850;display:grid}.login-card>.muted{margin-bottom:22px}.login-card form{gap:9px;display:grid}.login-card label{color:#4f5d73;font-size:12px;font-weight:750}.login-card input{width:100%;font-size:15px}.header-actions button{padding:9px 13px;font-size:12px}.header-actions button[hidden],.login-card[hidden],.dashboard[hidden]{display:none}.info-page{max-width:850px}.information-card{color:#40506a;padding:clamp(22px,5vw,44px);line-height:1.75}.information-card h1{color:#101b32;margin-bottom:18px}.information-card h2{color:#101b32;margin:27px 0 7px}.information-card p,.information-card li{font-size:14px}.information-card ul{padding-left:22px}.information-card .button{margin-top:8px}.contact-detail{border-top:1px solid #e9edf4;margin-top:25px;padding-top:17px}.setup-note{max-width:780px;margin:18px auto}.back-link{font-size:13px;font-weight:700}@media (width<=760px){.dashboard-shell{width:calc(100% - 28px);padding-top:15px}.dashboard-header{margin-bottom:28px}.welcome-row{flex-direction:column;align-items:flex-start}.period-label,.period-label select{width:100%}.metric-grid{grid-template-columns:1fr;gap:10px}.metric-card{min-height:120px;padding:17px}.metric-card strong{font-size:30px}.report-grid{grid-template-columns:1fr;gap:12px}.report-card{padding:17px}.trend-card{grid-column:auto}.login-card{margin-top:6vh;padding:24px}.dashboard-header{height:56px}.brand img{width:165px}.information-card{padding:22px 19px}.information-card p,.information-card li{font-size:13px}}