:root{--ink:#182523;--muted:#6e7b78;--line:#e2e7e5;--soft:#f5f7f6;--brand:#173f3d;--brand2:#215654;--red:#a74743;--redsoft:#fbeceb;--amber:#9a671f;--ambersoft:#fff5e3;--green:#377451;--shadow:0 24px 70px rgba(18,40,38,.14);font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:#f6f8f7}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#fff;border-right:1px solid var(--line);z-index:40;padding:24px 15px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-mark{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:700}.side-brand div,.side-profile div{display:flex;flex-direction:column}.side-brand strong{font-size:16px}.side-brand div span,.side-profile div span{font-size:11px;color:var(--muted);margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:42px}.nav-item{height:43px;border:0;background:transparent;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#586663;font-size:13px;font-weight:600;cursor:pointer;text-align:left}.nav-item>span{width:18px;font-size:17px;color:#7f8c89}.nav-item b{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:10px;background:var(--redsoft);color:var(--red);font-size:10px;text-align:center}.nav-item:hover{background:var(--soft)}.nav-item.active{background:#eaf1ef;color:var(--brand)}.nav-item.active>span{color:var(--brand)}.side-profile{margin-top:auto;border-top:1px solid var(--line);padding:20px 7px 0;display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:50%;background:#e9f0ee;color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:700}.side-profile strong{font-size:12px}.mobile-header{display:none}.app-main{margin-left:218px;max-width:1500px;padding:38px clamp(22px,4vw,58px) 70px}.pagebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.pagebar>div>span,.section-label{font-size:10px;letter-spacing:1.1px;font-weight:700;color:#80908c}.pagebar h1{font-size:28px;letter-spacing:-.8px;margin:5px 0}.pagebar p{margin:0;color:var(--muted);font-size:14px}.btn{border:0;border-radius:9px;min-height:41px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(23,63,61,.15)}.btn-primary:hover{background:#0f302f;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.view{display:none;animation:viewin .25s}.view.active{display:block}@keyframes viewin{from{opacity:0;transform:translateY(5px)}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics.five{grid-template-columns:repeat(5,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px 19px;min-height:128px;position:relative}.metric:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:#8ca9a5}.metric.opportunity:before{background:#bf9454}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric p{margin:0;color:#71807d;font-size:11px;text-transform:uppercase;letter-spacing:.45px;font-weight:700}.metric strong{display:block;font-size:29px;letter-spacing:-.7px;margin-top:11px}.metric>span{display:block;color:#81908d;font-size:11px;margin-top:6px}.metric-icon{font-size:13px;color:var(--brand);font-weight:700}.attention{margin:16px 0 25px;padding:20px 23px;border:1px solid #ead7b7;border-radius:11px;background:#fffbf4;display:flex;align-items:center;justify-content:space-between}.attention-copy{display:flex;align-items:center;gap:13px}.attention-icon{width:35px;height:35px;border-radius:9px;background:var(--ambersoft);color:var(--amber);display:grid;place-items:center;font-weight:800}.attention h2{font-size:14px;margin:0 0 3px}.attention p{font-size:12px;color:var(--muted);margin:0}.attention-stats{display:flex;align-items:center;gap:14px}.attention-stats button{border:0;background:transparent;display:grid;grid-template-columns:8px auto auto;align-items:center;column-gap:7px;text-align:left;cursor:pointer;padding:5px 9px;border-radius:8px}.attention-stats button:hover{background:#fff}.attention-stats strong{font-size:17px}.attention-stats button>span:nth-child(3){font-size:12px;color:var(--muted)}.attention-stats small{grid-column:2/4;font-size:9px;color:#788783;margin-top:2px}.attention-stats i{height:31px;border-left:1px solid #e5d8c3}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.red{background:#c65b56}.amber{background:#d69b3c}.green{background:#57916b}.overview-grid,.performance-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel>header{padding:19px 21px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:15px;margin:4px 0 0}.text-btn{border:0;background:transparent;color:var(--brand);font-weight:600;font-size:11px;cursor:pointer}.urgent-item,.activity-item{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #edf0ef}.urgent-item:last-child,.activity-item:last-child{border:0}.urgent-item{cursor:pointer}.urgent-item:hover{background:#f8faf9}.avatar{width:35px;height:35px;border-radius:10px;background:#eaf1ef;color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}.urgent-info{min-width:0;flex:1}.urgent-info strong{display:block;font-size:12px}.urgent-info span{font-size:10px;color:var(--muted)}.next-action{font-size:11px;color:#42524f;max-width:150px}.follow-tag{font-size:10px;font-weight:700;padding:5px 8px;border-radius:99px}.follow-tag.overdue{background:var(--redsoft);color:var(--red)}.follow-tag.today{background:var(--ambersoft);color:var(--amber)}.follow-tag.future{background:#edf3f1;color:#526a66}.activity-icon{width:30px;height:30px;border-radius:50%;background:#eef3f2;display:grid;place-items:center;color:var(--brand);font-size:11px}.activity-info{flex:1}.activity-info strong{display:block;font-size:11px}.activity-info span{font-size:10px;color:var(--muted)}.activity-item time{font-size:9px;color:#909b99}.section-top h2{font-size:19px;margin:0 0 4px}.section-top p{margin:0;color:var(--muted);font-size:12px}.toolbar{display:flex;gap:9px;margin:18px 0 13px}.search{height:42px;flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 12px}.search input{border:0;outline:0;width:100%;font-size:13px}.select-wrap{height:42px;min-width:155px;background:#fff;border:1px solid var(--line);border-radius:9px;padding-left:10px;display:flex;align-items:center}.select-wrap span{font-size:10px;color:#8a9694;margin-right:5px}.select-wrap select{border:0;background:transparent;outline:0;font-size:12px;font-weight:600;flex:1}.clear-filters{border:0;background:transparent;color:var(--brand);font-size:11px;font-weight:600;cursor:pointer}.table-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1000px}th{text-align:left;padding:14px 13px;border-bottom:1px solid var(--line);color:#84908e;font-size:9px;letter-spacing:.55px}td{padding:14px 13px;border-bottom:1px solid #edf0ef;font-size:11px;color:#465653;white-space:nowrap}.contact-row{cursor:pointer;transition:.15s}.contact-row:hover{background:#f7faf9;box-shadow:inset 3px 0 var(--brand)}.contact-cell{display:flex;align-items:center;gap:10px}.contact-info strong{display:block;color:var(--ink);font-size:12px}.contact-info span{display:block;color:#8b9794;font-size:9px;margin-top:2px}.source{display:flex;align-items:center;gap:5px}.source:before{content:"";width:6px;height:6px;border-radius:50%;background:#839590}.status{padding:5px 8px;border-radius:99px;font-size:9px;font-weight:700;background:#edf2f1}.status.em-andamento{background:#e7f1ef;color:#28615d}.status.agendado{background:var(--ambersoft);color:var(--amber)}.status.cliente{background:#eaf4ed;color:var(--green)}.status.perdido{background:#f2eeee;color:#7d6260}.follow{font-size:10px;font-weight:700}.follow.overdue{color:var(--red)}.follow.today{color:var(--amber)}.wa-btn,.mini-btn{border:1px solid #d8e4dd;background:#f0f7f3;color:#34714a;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:700;cursor:pointer}.table-footer{padding:12px 15px;display:flex;justify-content:space-between;color:#899592;font-size:10px}.mobile-list{display:none}.empty-state{text-align:center;padding:50px}.follow-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.follow-group{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.follow-group>header{padding:17px 18px;border-bottom:1px solid var(--line)}.follow-group header>div{display:flex;align-items:center;gap:8px}.follow-group h2{font-size:14px;margin:0}.follow-group header b{font-size:9px;padding:3px 6px;border-radius:10px;background:var(--soft)}.follow-group header p{font-size:10px;color:var(--muted);margin:4px 0 0 15px}.follow-card{padding:16px 17px;border-bottom:1px solid #edf0ef}.follow-card:last-child{border:0}.follow-card-top{display:flex;justify-content:space-between}.follow-card strong{font-size:12px}.follow-card .meta{display:block;color:var(--muted);font-size:10px;margin-top:3px}.follow-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.follow-card dt{font-size:8px;color:#8a9693;text-transform:uppercase}.follow-card dd{font-size:10px;margin:3px 0 0}.follow-actions{display:flex;gap:6px}.follow-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:7px;height:31px;font-size:9px;font-weight:700;cursor:pointer}.follow-actions .complete{background:var(--brand);color:#fff;border-color:var(--brand)}.empty-mini{padding:30px 18px;text-align:center;color:#8a9693;font-size:11px}.performance-metrics{margin-bottom:16px}.performance-grid{grid-template-columns:1fr 1fr}.bar-chart{padding:23px}.bar-row{display:grid;grid-template-columns:85px 1fr 25px;align-items:center;gap:10px;margin-bottom:17px;font-size:11px}.bar-track{height:9px;background:#edf1f0;border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:var(--brand2);border-radius:5px}.funnel{padding:24px}.funnel-row{height:48px;margin:0 auto 8px;background:#e7f0ee;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-radius:7px;color:var(--brand);font-size:11px;font-weight:600}.funnel-row b{font-size:15px}.overlay,.confirm-overlay{position:fixed;inset:0;background:rgba(11,25,24,.5);z-index:100;display:grid;place-items:center;padding:18px}.overlay[hidden],.confirm-overlay[hidden]{display:none}.modal{width:min(640px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:15px;box-shadow:var(--shadow);animation:rise .22s}.modal>header,.drawer-header{padding:22px 25px 17px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.modal h2,.drawer h2{margin:0;font-size:19px}.modal header p{font-size:11px;color:var(--muted);margin:5px 0 0}.icon-btn{width:34px;height:34px;border:0;border-radius:8px;background:var(--soft);font-size:18px;cursor:pointer}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:21px 25px 25px}.field{display:flex;flex-direction:column;gap:6px}.field.full,.history-section.full{grid-column:1/-1}.field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;color:#60706d}.field input,.field select,.field textarea{width:100%;border:1px solid #dce3e1;border-radius:8px;padding:10px 11px;font-size:12px;color:var(--ink)}.field input,.field select{height:40px}.contact-form footer{grid-column:1/-1;border-top:1px solid var(--line);margin:4px -25px -25px;padding:16px 25px;display:flex;justify-content:flex-end;gap:8px}.drawer-overlay{place-items:stretch end;padding:0}.drawer{width:min(520px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-20px 0 60px rgba(13,38,35,.16);animation:slide .25s}.drawer-kicker{display:block;color:#82908d;font-size:9px;letter-spacing:1px;margin-bottom:6px}.inline-action{display:flex;gap:7px}.inline-action input{flex:1}.history-section{border-top:1px solid var(--line);padding-top:18px}.history-heading h3{font-size:13px;margin:0}.history-heading p{font-size:10px;color:var(--muted);margin:3px 0}.history-item{padding:10px 0;border-bottom:1px solid #edf0ef}.history-item time{font-size:9px;color:#889491}.history-item p{font-size:11px;margin:3px 0 0}.history-add{display:grid;grid-template-columns:120px 1fr auto;gap:6px;margin-top:12px}.history-add input{height:38px;border:1px solid var(--line);border-radius:7px;padding:0 9px;font-size:10px}.drawer-actions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between}.delete-btn{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:700;cursor:pointer}.btn-danger{background:var(--red);color:#fff}.reschedule-box,.confirm-box{width:min(420px,100%);background:#fff;border-radius:15px;padding:28px;box-shadow:var(--shadow);text-align:center}.success-icon,.confirm-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#eaf4ed;color:var(--green);font-weight:800}.confirm-icon{background:var(--redsoft);color:var(--red)}.reschedule-box h2,.confirm-box h2{font-size:18px;margin:0}.reschedule-box>p,.confirm-box>p{font-size:12px;color:var(--muted)}.quick-dates{display:flex;gap:7px;margin:20px 0}.quick-dates button{flex:1;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer}.quick-dates button.selected{background:#e9f1ef;border-color:var(--brand);color:var(--brand)}.reschedule-box label{display:block;text-align:left;font-size:10px;color:var(--muted)}.reschedule-box input{width:100%;height:40px;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.reschedule-actions,.confirm-box>div{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,100px);opacity:0;background:var(--brand);color:#fff;padding:11px 16px;border-radius:9px;display:flex;gap:8px;align-items:center;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.toast p{font-size:11px;margin:0}@keyframes rise{from{opacity:0;transform:translateY(12px)}}@keyframes slide{from{transform:translateX(40px);opacity:0}}
@media(max-width:1180px){.metrics.five{grid-template-columns:repeat(3,1fr)}.follow-groups{grid-template-columns:1fr 1fr}.future-group{grid-column:1/-1}.overview-grid{grid-template-columns:1fr}.next-action{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.mobile-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:35}.app-main{margin:0;padding:25px 16px 60px}.pagebar{align-items:flex-end}.pagebar h1{font-size:23px}.pagebar .btn{font-size:0;width:42px;padding:0}.pagebar .btn::first-letter{font-size:18px}.metrics.five,.metrics,.performance-metrics{grid-template-columns:1fr 1fr}.metric{min-height:112px;padding:15px}.metric strong{font-size:24px}.metric.opportunity{grid-column:1/-1}.attention{display:block}.attention-stats{margin-top:14px;justify-content:space-between}.overview-grid,.performance-grid,.follow-groups{grid-template-columns:1fr}.future-group{grid-column:auto}.toolbar{flex-wrap:wrap}.search{min-width:100%}.select-wrap{flex:1}.table-scroll{display:none}.mobile-list{display:block}.mobile-contact{padding:16px;border-bottom:1px solid var(--line)}.mobile-contact-top{display:flex;justify-content:space-between}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.mobile-grid label{display:block;font-size:8px;color:#8b9694;text-transform:uppercase}.mobile-grid span{font-size:10px}.contact-form{grid-template-columns:1fr;padding:18px}.field,.field.full,.history-section.full{grid-column:1}.contact-form footer{margin:4px -18px -18px}.history-add{grid-template-columns:1fr}.performance-grid{grid-template-columns:1fr}}

/* Final product polish */
.ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.nav-item>span{width:19px;display:grid;place-items:center}.nav-item .ui-icon{width:18px;height:18px}.btn .ui-icon{width:15px;height:15px}.icon-btn .ui-icon{width:19px;height:19px;margin:auto}.metric-icon{width:30px;height:30px;border-radius:8px;background:#f2f6f5;display:grid;place-items:center}.metric-icon .ui-icon{width:15px;height:15px}.attention-icon .ui-icon{width:17px;height:17px}.demo-badge{font-style:normal;font-size:8px;letter-spacing:.6px;color:#6e7f7b;background:#edf2f1;border:1px solid #dfe7e5;padding:2px 5px;border-radius:4px;margin-left:4px;vertical-align:1px}
.panel,.table-card,.follow-group,.metric{box-shadow:0 1px 2px rgba(22,47,44,.025);transition:border-color .18s,box-shadow .18s}.overview-grid{gap:18px}.panel>header{padding:21px 22px 17px}.urgent-item,.activity-item{padding-left:22px;padding-right:22px}.metric{display:flex;flex-direction:column;min-width:0}.metric-head+strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric.opportunity strong{font-size:clamp(23px,1.85vw,29px);letter-spacing:-.8px}.metrics.five{align-items:stretch}
.contact-row{transition:background-color .14s,box-shadow .14s}.contact-row:hover{background:#f9fbfa;box-shadow:inset 2px 0 #91aaa6}.contact-row:active{background:#f3f7f6}td,th{vertical-align:middle}th:nth-child(6),td:nth-child(6){text-align:right;font-variant-numeric:tabular-nums}.money-cell{font-weight:600;color:#354542}.status{border:1px solid transparent;letter-spacing:.1px}.status.em-andamento{border-color:#dceae6}.status.agendado{border-color:#f1e3c9}.status.cliente{border-color:#dbeadd}.wa-btn{width:30px;height:30px;padding:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#667874;border-color:transparent;transition:.15s}.wa-btn .ui-icon{width:15px;height:15px}.wa-btn:hover{background:#eaf4ee;color:#267145;border-color:#d9e9df;transform:translateY(-1px)}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 8px);background:#182624;color:#fff;font-size:9px;font-weight:500;white-space:nowrap;padding:6px 8px;border-radius:6px;opacity:0;transform:translateY(3px);pointer-events:none;transition:.15s;z-index:5}.has-tooltip:hover:after,.has-tooltip:focus-visible:after{opacity:1;transform:none}
.follow-group{transition:transform .18s,box-shadow .18s}.follow-group:hover{box-shadow:0 5px 20px rgba(24,49,46,.055)}.follow-group>header{padding:19px 19px 15px}.follow-card{padding:18px 18px 16px}.follow-card-top strong{font-size:13px;letter-spacing:-.1px}.follow-card .meta{margin-top:4px}.follow-card dl{padding:11px 12px;background:#f8faf9;border-radius:8px;margin:14px 0 13px}.follow-card dd{font-weight:600;color:#374744}.follow-actions{gap:7px}.follow-actions button{display:flex;align-items:center;justify-content:center;gap:5px;color:#52635f;background:#fff;transition:.15s}.follow-actions button .ui-icon{width:12px;height:12px}.follow-actions button:hover{background:#f5f8f7;border-color:#d5dfdc}.follow-actions button:active{transform:scale(.98)}.follow-actions .complete{background:var(--brand);color:#fff;box-shadow:0 2px 7px rgba(23,63,61,.13)}.follow-actions .complete:hover{background:#103331}
.funnel{padding:26px 34px 30px;counter-reset:stage}.funnel-row{position:relative;height:54px;margin-bottom:18px;border:1px solid #dce8e5;background:linear-gradient(90deg,#edf4f2,#f8fbfa);border-radius:9px;box-shadow:0 2px 8px rgba(21,60,56,.035);counter-increment:stage;transition:.18s}.funnel-row:before{content:counter(stage);position:absolute;left:-15px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #cfdeda;color:var(--brand);font-size:10px;font-weight:700;box-shadow:0 2px 7px rgba(21,60,56,.06)}.funnel-row:not(:last-child):after{content:"";position:absolute;left:50%;top:calc(100% + 1px);height:17px;border-left:1px dashed #b9cbc7}.funnel-row:nth-child(2){background:linear-gradient(90deg,#e7f1ef,#f7faf9)}.funnel-row:nth-child(3){background:linear-gradient(90deg,#e1eeeb,#f5f9f8)}.funnel-row:nth-child(4){background:linear-gradient(90deg,#dbeae6,#f2f7f5);border-color:#c8deda}.funnel-row:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(21,60,56,.07)}
.view.active{animation:viewin .2s cubic-bezier(.2,.7,.2,1)}.drawer{animation:slide .22s cubic-bezier(.2,.75,.2,1)}.modal,.reschedule-box,.confirm-box{animation:rise .18s cubic-bezier(.2,.75,.2,1)}.toast{box-shadow:0 12px 35px rgba(15,45,42,.2)}button{transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}button:active{transform:scale(.98)}input,select,textarea{transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:#8caaa5;box-shadow:0 0 0 3px rgba(49,100,95,.08)}
@media(max-width:1180px){.metric.opportunity strong{font-size:26px}}
@media(max-width:760px){.pagebar .btn{font-size:inherit}.pagebar .btn span{display:none}.pagebar .btn .ui-icon{width:18px;height:18px}.sidebar{box-shadow:18px 0 50px rgba(13,37,34,.12)}.metrics.five{gap:10px}.metric{min-height:116px}.follow-card dl{grid-template-columns:1fr 1fr}.follow-actions button span{display:none}.follow-actions button .ui-icon{width:14px;height:14px}.follow-actions button{height:34px}.funnel{padding-left:30px;padding-right:20px}.drawer{width:100%}.modal{max-height:calc(100vh - 20px)}}
@media(max-width:420px){.pagebar h1{font-size:21px}.pagebar p{max-width:235px}.metrics.five{grid-template-columns:1fr 1fr}.metric.opportunity{grid-column:1/-1}.attention-stats button{padding-left:4px;padding-right:4px}.performance-metrics{grid-template-columns:1fr 1fr}.performance-metrics .metric strong{font-size:21px}.bar-chart{padding:18px}.bar-row{grid-template-columns:72px 1fr 20px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}