:root{--navy:#00235A;--navy2:#0B367A;--deep:#001A44;--orange:#F58220;--orange-dark:#DA6C0E;--ink:#132944;--muted:#708199;--light:#F5F7FB;--border:#E4E9F1;--shadow:0 12px 32px rgba(0,35,90,.045);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--light);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #FFBF82;outline-offset:2px}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.tiny{width:15px;height:15px}.svg-library{height:0;width:0;position:absolute;overflow:hidden}.app{min-height:100vh;display:flex}.sidebar{width:244px;flex:0 0 244px;background:linear-gradient(175deg,#00235A 3%,#001C48 100%);color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 15px 22px}.side-logo{width:186px;height:auto;display:block}.side-top{padding:0 13px 42px}.side-product{margin:12px 3px 0;font-size:9px;letter-spacing:2.65px;color:#91AACE;font-weight:700;display:flex;align-items:center;gap:10px}.side-product-dot{height:5px;width:5px;background:var(--orange);border-radius:50%}.side-menu-label{padding:0 14px 13px;color:#7B97C0;font-size:10px;font-weight:800;letter-spacing:2px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-link{height:48px;display:flex;align-items:center;gap:15px;border:none;background:transparent;border-radius:11px;color:#A7BCDA;text-align:left;padding:0 14px;font-size:13px;font-weight:630;width:100%;position:relative;transition:.15s}.nav-link .icon{height:18px;width:18px}.nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}.nav-link.selected{color:#fff;background:rgba(255,255,255,.13)}.nav-link.selected:before{content:"";position:absolute;left:0;top:13px;bottom:13px;border-radius:0 5px 5px 0;background:var(--orange);width:3px}.side-bottom{margin-top:auto}.side-ai{border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-radius:14px;padding:16px 15px;display:flex;flex-direction:column;align-items:flex-start}.ai-mini-icon{width:32px;height:32px;background:rgba(245,130,32,.19);color:#FFAF66;border-radius:10px;display:grid;place-items:center;margin-bottom:11px}.side-ai strong{font-size:12px}.side-ai small{font-size:10px;color:#A6BDD9;margin-top:6px;line-height:1.5}.side-ai button{border:0;background:transparent;color:#FFB471;padding:0;margin-top:14px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:6px}.side-account{border:0;border-top:1px solid rgba(255,255,255,.15);padding:19px 4px 0;margin-top:22px;width:100%;color:#fff;display:flex;align-items:center;text-align:left;gap:9px;background:transparent}.side-account>span:nth-child(2){flex:1;min-width:0}.side-account strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-account small{font-size:10px;color:#88A5CC;margin-top:4px;display:block}.side-account>.icon{color:#8CA7CD}.side-avatar{width:33px;height:33px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:50%;font-weight:800;font-size:11px}.content-wrap{flex:1;min-width:0}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,3.3vw,62px);background:white;border-bottom:1px solid var(--border)}.desktop-top-title{font-weight:780;font-size:12px;color:var(--navy)}.desktop-top-title span{color:#CAD4E2;margin:0 8px}.top-brand{display:none}.top-actions{display:flex;align-items:center;gap:16px}.preview-status{color:#8A5D2B;font-size:11px;font-weight:750;background:#FFF5EA;border:1px solid #FFE1BF;padding:8px 12px;border-radius:100px;display:flex;gap:8px;align-items:center}.preview-dot{height:7px;width:7px;border-radius:50%;background:var(--orange)}.avatar-btn{background:var(--navy);border:0;color:white;font-weight:750;font-size:11px;width:35px;height:35px;border-radius:50%}.main{max-width:1280px;padding:36px clamp(24px,3.3vw,62px) 85px;margin:0 auto}.page[hidden]{display:none!important}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.kicker,.section-kicker{font-size:10px;font-weight:800;color:#8B9BAE;letter-spacing:1.8px}.page-intro h1{color:var(--navy);font-size:34px;letter-spacing:-1.15px;line-height:1.15;margin:10px 0 7px;font-weight:820}.orange-period{color:var(--orange)}.page-intro p{font-size:13px;color:var(--muted);margin:0}.today-label{display:flex;align-items:center;gap:8px;color:#8998AA;font-size:11px;font-weight:650;white-space:nowrap;padding-bottom:4px}.today-label .icon{width:15px}.preview-note{display:flex;align-items:flex-start;gap:10px;background:#FFF8EF;border:1px solid #F5E3CD;padding:12px 14px;border-radius:11px;color:#926742;font-size:11px;line-height:1.5;margin-bottom:22px}.preview-note .icon{width:15px;height:15px;color:#D37D25;margin-top:1px}.preview-note strong{color:#774A1A}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{border-radius:16px;border:1px solid var(--border);padding:19px 21px 18px;background:#fff;box-shadow:var(--shadow);min-height:116px}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#7E8EA3;font-weight:700;font-size:11px}.stat-label .icon{width:17px;height:17px;color:var(--navy)}.stat-card:nth-child(2) .stat-label .icon,.stat-card:nth-child(3) .stat-label .icon{color:var(--orange)}.stat-bottom{display:flex;align-items:baseline;gap:14px;margin-top:15px}.stat-bottom strong{font-size:31px;line-height:1;color:var(--navy);font-weight:820;letter-spacing:-1.4px;font-variant-numeric:tabular-nums}.stat-bottom span{color:#A0ADBC;font-size:10px;font-weight:650}.dashboard-grid{display:grid;grid-template-columns:minmax(355px, .94fr) minmax(380px,1.06fr);gap:20px;align-items:start}.panel{border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);min-width:0}.dialer-panel{padding:26px clamp(22px,2.5vw,34px) 24px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h2{font-size:19px;letter-spacing:-.4px;color:var(--navy);margin:7px 0 0;font-weight:800}.line-status{display:flex;gap:7px;align-items:center;color:#A96F35;background:#FFF5EA;border:1px solid #FAE1C8;border-radius:100px;padding:7px 10px;font-size:10px;font-weight:700;white-space:nowrap}.line-status>span{height:6px;width:6px;background:var(--orange);border-radius:50%}.field-title{display:block;margin-top:26px;margin-bottom:9px;font-size:9.5px;letter-spacing:1.5px;color:#8293A9;font-weight:800}.line-select-wrap{height:56px;border:1px solid var(--border);background:#FAFBFE;border-radius:13px;padding:7px 12px;display:flex;align-items:center;gap:11px}.line-avatar{height:33px;width:33px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--navy);font-size:11px;font-weight:800;flex:none}.line-select-wrap select{appearance:none;background:none;border:0;color:var(--navy);flex:1;min-width:0;font-size:12px;font-weight:730;height:100%;cursor:pointer}.line-select-wrap>.icon{width:16px;height:16px;color:#70819A;pointer-events:none}.number-label{margin-top:24px}.number-field{display:flex;align-items:center;min-height:56px;border-bottom:1px solid #DCE5F1;gap:10px}.number-field:focus-within{border-color:var(--orange)}.number-field input{height:52px;font-size:25px;font-weight:650;color:var(--navy);letter-spacing:.1px;background:transparent;border:0;width:100%;min-width:0}.number-field input::placeholder{color:#B1BDCD;font-weight:450;font-size:20px}.erase{border:0;background:none;color:#91A0B5;width:37px;height:37px;display:grid;place-items:center}.erase .icon{height:20px;width:20px}.keypad{margin:18px auto 20px;max-width:324px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:17px;row-gap:8px}.key{border:0;background:#F3F6FB;color:var(--navy);border-radius:50%;width:67px;height:67px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:.12s}.key:hover{background:#E7EFFA;box-shadow:0 7px 14px rgba(0,35,90,.06)}.key:active{background:#D5E3F5;transform:scale(.95)}.key strong{font-size:25px;line-height:28px;letter-spacing:-.5px;font-weight:680}.key small{font-weight:780;color:#8997AD;font-size:8px;letter-spacing:1.9px;min-height:10px}.dial-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:13px;background:var(--orange);font-size:13px;font-weight:800;color:white;box-shadow:0 9px 21px rgba(245,130,32,.23);transition:.15s}.dial-button:hover{background:var(--orange-dark);transform:translateY(-1px)}.dial-button .icon{height:18px;width:18px}.dialer-foot{display:flex;justify-content:center;align-items:center;gap:7px;color:#92A1B3;margin-top:16px;font-size:10px;text-align:center}.dialer-foot .icon{width:14px;height:14px}.dashboard-aside{display:flex;flex-direction:column;gap:20px}.activity-panel{padding:26px 26px 10px}.text-action{border:none;background:transparent;display:flex;align-items:center;gap:6px;color:var(--orange-dark);font-size:11px;font-weight:750;white-space:nowrap}.text-action .icon{width:14px;height:14px}.call-list{margin-top:18px}.activity-row{display:flex;align-items:center;gap:12px;border-top:1px solid #F0F3F7;padding:13px 0;min-width:0}.activity-row:first-child{border-top:none}.activity-avatar,.contact-avatar{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:#EAF0FB;color:var(--navy);font-size:13px;font-weight:800}.activity-avatar.orange,.contact-avatar.orange{background:#FFF0DF;color:#C66D16}.activity-avatar.green,.contact-avatar.green{background:#EAF6F2;color:#438A79}.activity-details{min-width:0;flex:1}.activity-details strong{color:var(--ink);font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-details small{color:#95A3B4;font-size:10px;margin-top:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-details small.missed{color:#CE6C53}.activity-time{color:#9DA9B8;font-size:10px;font-weight:650;margin-left:auto;white-space:nowrap}.mini-call{border:0;background:#F3F7FD;border-radius:9px;color:var(--navy);height:32px;width:32px;display:grid;place-items:center}.mini-call:hover{background:var(--navy);color:white}.mini-call .icon{width:14px;height:14px}.siren-promo{background:linear-gradient(135deg,#003071 0%,#00235A 62%,#001B45 100%);color:#fff;border-radius:19px;padding:25px 27px 23px;position:relative;overflow:hidden;min-height:255px;isolation:isolate}.siren-decoration{border:1px solid rgba(255,255,255,.1);height:265px;width:265px;border-radius:50%;position:absolute;right:-70px;top:-85px;z-index:-1;box-shadow:0 0 0 47px rgba(255,255,255,.026),0 0 0 95px rgba(255,255,255,.017)}.siren-promo-top{display:flex;align-items:center;justify-content:space-between}.siren-icon,.siren-hero-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(245,130,32,.18);color:#FFB061}.siren-preview-label,.siren-label{font-size:9px;letter-spacing:1.6px;color:#AFC7EA;font-weight:780}.siren-promo h2{margin:19px 0 8px;font-size:24px;letter-spacing:-.7px;font-weight:820}.siren-promo>p{max-width:390px;font-size:12px;color:#BED0E8;line-height:1.75;margin:0}.siren-promo-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:24px}.ai-wave,.siren-wave{display:flex;gap:4px;align-items:center;height:31px}.ai-wave i,.siren-wave i{height:var(--h,10px);width:3px;background:var(--orange);border-radius:4px;display:block;opacity:.85}.ai-wave i:nth-child(4n+1),.siren-wave i:nth-child(4n+1){--h:8px}.ai-wave i:nth-child(4n+2),.siren-wave i:nth-child(4n+2){--h:23px}.ai-wave i:nth-child(4n+3),.siren-wave i:nth-child(4n+3){--h:15px}.ai-wave i:nth-child(5n),.siren-wave i:nth-child(5n){--h:29px}.siren-link{border:0;border-radius:9px;background:#fff;color:var(--navy);height:34px;padding:0 12px;font-size:10px;font-weight:770;display:flex;align-items:center;gap:7px;white-space:nowrap}.siren-link .icon{height:14px;width:14px}.page-panel{padding:25px 27px;margin-top:10px}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #EEF2F7}.search-field{position:relative;width:min(100%,380px)}.search-field>.icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);height:17px;width:17px;color:#9CACBE}.search-field input{height:43px;width:100%;border-radius:11px;background:#F8FAFD;border:1px solid var(--border);font-size:12px;padding:0 12px 0 39px;color:var(--ink)}.search-field input:focus{border-color:#FFB574}.filter-tabs{display:flex;gap:4px;align-items:center;background:#F3F6FA;border-radius:11px;padding:4px}.filter-tab{background:transparent;border:none;border-radius:8px;color:#7F8EA3;padding:9px 12px;font-size:11px;font-weight:700}.filter-tab.current{background:#fff;box-shadow:0 2px 8px rgba(0,35,90,.08);color:var(--navy)}.records-list .activity-row{min-height:71px}.records-list .activity-row:first-child{border:0}.records-list .activity-time{margin-right:12px}.call-result{font-size:10px;border-radius:100px;padding:6px 8px;font-weight:720;color:#658476;background:#EBF6F0}.call-result.missed{background:#FFF0EE;color:#C96652}.call-result.siren{color:#8569A2;background:#F5EFFA}.empty-message{text-align:center;padding:40px;color:#91A0B4;font-size:12px}.contacts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:18px}.contact-card{border:1px solid var(--border);border-radius:13px;background:#FEFEFF;padding:16px;display:flex;align-items:center;gap:12px;min-width:0}.contact-details{flex:1;min-width:0}.contact-details strong{font-size:12px;color:var(--ink);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-details span,.contact-details small{display:block;font-size:10px;color:#8D9AAC;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-meta{color:#92A0B3;font-size:11px}.siren-hero{border-radius:20px;background:linear-gradient(125deg,#003475,#001B45);padding:28px 31px;display:flex;gap:20px;align-items:center;justify-content:space-between;color:#fff;overflow:hidden;position:relative}.siren-hero-icon{display:inline-grid;margin-right:13px;vertical-align:middle}.siren-hero h2{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:20px 0 9px}.siren-hero h2 span{color:#F9BE85}.siren-hero p{max-width:520px;font-size:12px;line-height:1.75;color:#B9CDEA}.siren-wave{height:100px;gap:7px;margin-right:28px}.siren-wave i{width:5px;transform:scaleY(1.9)}.siren-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.siren-detail-grid .page-panel{margin:0}.siren-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #EFF2F7;cursor:pointer}.siren-record:first-of-type{margin-top:15px}.siren-record strong{font-size:12px;display:block}.siren-record small{display:block;font-size:10px;color:#8C9BAF;margin-top:6px}.siren-record .icon{color:var(--orange);width:15px}.detail-panel{padding:26px}.detail-panel h2{color:var(--navy);font-size:18px;margin:9px 0 23px}.detail-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#8C9AAA;margin:18px 0 8px}.detail-value{font-size:12px;color:var(--ink);line-height:1.7}.detail-box{background:#F4F7FC;border:1px solid var(--border);padding:15px;border-radius:12px;margin-top:18px;line-height:1.7;font-size:12px;color:#506680}.sample-chip{font-size:10px;font-weight:780;color:#A96F35;background:#FFF5EA;padding:7px 10px;border-radius:9px}.settings-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.settings-grid .page-panel{margin:0}.settings-intro{line-height:1.7;font-size:11px;color:#8D9AAD;padding-bottom:13px}.line-settings-list{margin-top:13px}.line-settings-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #EFF2F7}.line-avatar-small{height:37px;width:37px;background:#ECF2FA;color:var(--navy);border-radius:10px;display:grid;place-items:center;font-weight:780;font-size:11px;flex:none}.line-settings-row div:nth-child(2){flex:1}.line-settings-row strong{font-size:12px;display:block}.line-settings-row small{font-size:11px;color:#91A0B3;margin-top:5px;display:block}.line-settings-row .icon{color:#BAC4D0;width:16px}.service-row{display:flex;align-items:center;gap:12px;border-top:1px solid #EFF2F7;padding:19px 0}.service-row:first-of-type{margin-top:14px}.service-icon{background:#EEF3FA;border-radius:11px;height:39px;width:39px;display:grid;place-items:center;color:var(--navy);flex:none}.service-icon .icon{width:18px;height:18px}.service-row>div{min-width:0;flex:1}.service-row strong{font-size:12px;display:block}.service-row small{font-size:10px;color:#91A1B4;display:block;margin-top:6px;line-height:1.5}.service-pill{color:#A96F35;background:#FFF1E2;border-radius:100px;padding:6px 8px;font-size:9px;font-weight:770}.service-pill.neutral{color:#6E7E90;background:#F0F3F7}.settings-action{margin-top:12px}.outline-button{display:flex;align-items:center;justify-content:center;gap:9px;background:white;border:1px solid #D4DFEC;border-radius:11px;color:var(--navy);font-weight:750;padding:12px 17px;font-size:12px}.outline-button .icon{width:15px}.account-panel{max-width:470px;padding:32px 33px;margin:0}.account-large-icon{display:grid;place-items:center;background:#EEF3FA;border-radius:14px;color:var(--navy);height:49px;width:49px}.account-large-icon .icon{height:25px;width:25px}.account-panel h2{font-size:21px;letter-spacing:-.4px;color:var(--navy);margin:20px 0 9px}.account-panel p{line-height:1.75;color:#7A8AA0;font-size:12px}.account-panel .field-title{margin-top:26px}.account-panel input{width:100%;height:49px;border-radius:11px;border:1px solid var(--border);padding:0 14px;font-size:13px}.account-panel .dial-button{margin-top:14px}.account-panel #sign-out{margin-top:12px}.account-note{border-top:1px solid var(--border);padding-top:17px;margin-top:25px;font-size:11px;color:#9AA7B6;line-height:1.65}.auth-message{min-height:18px}.mobile-nav{display:none}.call-overlay{position:fixed;inset:0;background:rgba(0,19,47,.88);z-index:90;display:grid;place-items:center;padding:22px}.call-overlay[hidden]{display:none}.call-screen{background:linear-gradient(155deg,#073D86,#00235A 52%,#001B43);color:#fff;border:1px solid rgba(255,255,255,.13);width:min(100%,390px);height:min(720px,calc(100dvh - 32px));border-radius:26px;display:flex;flex-direction:column;box-shadow:0 35px 90px rgba(0,0,0,.3);padding:24px;overflow:hidden}.call-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.call-head img{width:109px;height:auto}.call-head span{font-size:9px;font-weight:780;letter-spacing:1px;color:#FFBF84}.call-center{margin:auto 0;text-align:center}.call-avatar-large{width:85px;height:85px;border-radius:27px;background:rgba(255,255,255,.16);display:grid;place-items:center;margin:0 auto 23px;font-size:29px;font-weight:750;letter-spacing:1px}.call-out-label{font-size:10px;color:#95B8E7;letter-spacing:2px;font-weight:800}.call-center h2{font-size:26px;margin:12px 0 6px;overflow-wrap:anywhere}.call-center p{font-size:13px;color:#C1D2EB;margin:0}.call-timer{font-size:23px;font-variant-numeric:tabular-nums;margin-top:21px;font-weight:700}.call-buttons{display:flex;justify-content:center;gap:30px;margin-bottom:26px}.call-buttons button{background:none;color:white;border:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px}.call-buttons button span{background:rgba(255,255,255,.12);border-radius:50%;width:53px;height:53px;display:grid;place-items:center}.call-buttons button[aria-pressed="true"] span{background:white;color:var(--navy)}.call-bottom{display:flex;flex-direction:column;align-items:center}.end-call{display:flex;align-items:center;justify-content:center;gap:10px;background:#E8504A;color:#fff;border:0;border-radius:14px;width:100%;height:53px;font-weight:800;font-size:13px}.call-bottom small{color:#9DB6D8;font-size:10px;text-align:center;line-height:1.5;margin-top:18px}.toast{position:fixed;right:18px;bottom:20px;padding:12px 16px;background:var(--navy);border-radius:12px;color:#fff;font-size:12px;box-shadow:0 10px 30px #00235A33;z-index:100;max-width:320px}.toast[hidden]{display:none}
@media(max-width:1200px){.sidebar{width:216px;flex-basis:216px}.side-logo{width:166px}.main{padding:30px 25px 75px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(310px,1fr) minmax(310px,1fr);gap:16px}.activity-panel{padding:23px 20px 10px}.stat-card{padding:18px}.dialer-panel{padding:24px}.siren-promo{padding:23px}}
@media(max-width:980px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dialer-panel{max-width:560px;width:100%;justify-self:center}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr}.siren-promo{min-height:100%}.settings-grid,.siren-detail-grid{grid-template-columns:1fr}}
@media(max-width:740px){.sidebar{display:none}.content-wrap{width:100%}.topbar{height:66px;padding:0 18px}.desktop-top-title{display:none}.top-brand{display:flex;align-items:center;gap:10px}.top-brand img{width:101px;height:auto}.top-brand-divider{height:21px;width:1px;background:#D7E1EF}.top-brand strong{font-size:10px;color:var(--navy);letter-spacing:2px}.top-actions{gap:10px}.preview-status{font-size:9px;padding:8px 10px}.avatar-btn{height:32px;width:32px}.main{padding:23px 17px 101px}.page-intro{margin-bottom:17px}.page-intro h1{font-size:29px}.today-label{display:none}.page-intro p{font-size:12px;line-height:1.6}.preview-note{font-size:10px;margin-bottom:16px;padding:11px}.stat-grid{gap:8px;margin-bottom:15px}.stat-card{padding:12px 11px;min-height:88px;border-radius:13px}.stat-label{font-size:9px;gap:4px}.stat-label .icon{width:14px;height:14px}.stat-bottom{gap:5px;margin-top:14px;flex-direction:column}.stat-bottom strong{font-size:27px}.stat-bottom span{font-size:8px}.dashboard-grid{gap:16px}.dialer-panel{padding:19px 22px 18px;border-radius:17px}.panel-header h2{font-size:18px}.field-title{margin-top:18px}.number-label{margin-top:17px}.line-select-wrap{height:50px}.number-field{min-height:50px}.number-field input{height:48px;font-size:23px}.number-field input::placeholder{font-size:18px}.keypad{margin:12px auto 17px;row-gap:7px}.key{height:58px;width:58px}.key strong{font-size:24px}.dial-button{height:51px}.dialer-foot{font-size:9px;margin-top:13px}.dashboard-aside{display:flex;flex-direction:column}.activity-panel{padding:21px 19px 7px}.activity-row{gap:10px}.siren-promo{min-height:0}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:5px 4px env(safe-area-inset-bottom);z-index:35;background:white;border-top:1px solid #E6ECF4;box-shadow:0 -5px 20px rgba(0,35,90,.04);justify-content:space-around}.mobile-nav button{border:0;background:none;color:#8C9AAF;font-size:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:1;font-weight:650}.mobile-nav button .icon{height:19px;width:19px}.mobile-nav button.mobile-selected{color:var(--orange-dark)}.contacts-grid{grid-template-columns:1fr}.page-panel{padding:19px}.list-tools{align-items:stretch}.search-field{width:100%}.filter-tabs{width:100%;justify-content:space-between}.filter-tab{flex:1;padding:9px 6px}.siren-hero{padding:21px}.siren-wave{display:none}.siren-hero h2{font-size:22px}.account-panel{padding:23px}.call-screen{border-radius:22px}.toast{bottom:84px;left:15px;right:15px;max-width:none}}
@media(max-width:370px){.main{padding-left:11px;padding-right:11px}.topbar{padding:0 13px}.preview-note{font-size:9px}.dialer-panel{padding-left:18px;padding-right:18px}.top-brand img{width:85px}.top-brand strong{font-size:9px}.stat-card{padding:10px 8px}.stat-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Mobile first-screen priority: put the phone keypad and call action ahead of dashboard analytics. */
@media(max-width:740px){
  #page-dialer{display:flex;flex-direction:column}
  #page-dialer .page-intro{order:0;margin-bottom:17px}
  #page-dialer .dashboard-grid{display:contents}
  #page-dialer .dialer-panel{order:1}
  #page-dialer .preview-note{order:2;margin:16px 0 0}
  #page-dialer .stat-grid{order:3;margin:16px 0 0}
  #page-dialer .dashboard-aside{order:4;margin-top:16px}
}