:root{--ink:#102f33;--ink-soft:#3e595b;--muted:#708380;--line:#dce7e4;--line-soft:#eaf0ee;--surface:#fff;--canvas:#f3f7f6;--deep:#0b3034;--deep-2:#123f43;--teal:#249d8c;--teal-strong:#168977;--teal-soft:#e1f4ef;--aqua:#63d8c6;--amber:#b97921;--amber-soft:#fff5df;--danger:#a43e43;--danger-soft:#fff0f0;--shadow:0 10px 28px #1639390e;--shadow-lg:0 28px 70px #0726282e}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{min-height:100vh;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #25a99447}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.eyebrow{color:var(--teal-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.73rem;font-weight:800}.eyebrow-light{color:var(--aqua)}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:750;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:var(--deep);box-shadow:0 8px 20px #0b303426}.primary-button:hover:not(:disabled){background:var(--deep-2);transform:translateY(-1px)}.secondary-button{color:var(--ink);border-color:var(--line);background:#fff}.primary-button:disabled,.secondary-button:disabled{opacity:.58;cursor:not-allowed}.brand-mark{align-items:center;gap:11px;width:fit-content;display:inline-flex}.brand-symbol,.auth-logo-symbol{flex-direction:column;justify-content:center;gap:4px;width:27px;height:28px;display:inline-flex;position:relative}.brand-symbol span,.auth-logo-symbol span{background:var(--teal);border-radius:10px;height:4px;display:block}.brand-symbol span:first-child,.auth-logo-symbol span:first-child{width:26px}.brand-symbol span:nth-child(2),.auth-logo-symbol span:nth-child(2){width:19px}.brand-symbol span:nth-child(3),.auth-logo-symbol span:nth-child(3){width:23px}.brand-word{color:var(--ink);letter-spacing:-.045em;font-size:1.24rem;font-weight:820}.auth-page{background:#fff;grid-template-columns:minmax(390px,.9fr) minmax(480px,1.1fr);min-height:100dvh;display:grid}.auth-brand-panel{color:#fff;background:radial-gradient(circle at 75% 30%,#5ad2bf29,#0000 35%),linear-gradient(145deg,#082b2f 0%,#0d3a3e 58%,#0a3033 100%);display:grid;position:relative;overflow:hidden}.auth-grid{opacity:.18;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 72%);mask-image:linear-gradient(to bottom right,#000,#0000 72%)}.auth-brand-content{z-index:1;flex-direction:column;justify-content:space-between;width:min(100%,660px);min-height:100%;padding:clamp(36px,5vw,72px);display:flex;position:relative}.auth-brand-lockup,.auth-mobile-brand{letter-spacing:-.045em;align-items:center;gap:13px;font-size:1.43rem;font-weight:820;display:flex}.auth-brand-lockup .auth-logo-symbol span{background:var(--aqua)}.auth-brand-copy{max-width:570px;margin:15vh 0 9vh}.auth-brand-copy h1{letter-spacing:-.06em;max-width:540px;margin-bottom:24px;font-size:clamp(2.35rem,4.2vw,4.45rem);line-height:.99}.auth-brand-copy>p:last-child{color:#edfffcb8;max-width:500px;margin-bottom:0;font-size:1.04rem;line-height:1.75}.auth-signal-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0e;border:1px solid #85e7d638;border-radius:14px;justify-content:space-between;align-items:center;width:min(100%,370px);padding:17px 19px;display:flex}.auth-signal-card div{flex-direction:column;gap:4px;display:flex}.auth-signal-card span:first-child{color:#edfffc9c;font-size:.75rem}.auth-signal-card strong{font-size:.93rem}.auth-pulse{background:var(--aqua);border:3px solid #63d8c640;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #63d8c617}.auth-form-panel{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:54px clamp(34px,8vw,112px) 30px;display:flex}.auth-form-wrap{width:min(100%,430px);margin:auto}.auth-mobile-brand{color:var(--ink);margin-bottom:58px;display:none}.auth-form-heading{margin-bottom:34px}.auth-form-heading h2{color:var(--ink);letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(2rem,3vw,2.6rem)}.auth-form-heading>p:last-child,.setup-heading p{color:var(--muted);margin-bottom:0;line-height:1.65}.auth-form{flex-direction:column;display:flex}.field-label{color:var(--ink-soft);margin:0 0 8px;font-size:.83rem;font-weight:740}.field-control{color:#7c8d8a;background:#fff;border:1px solid #cad8d5;border-radius:11px;align-items:center;min-height:50px;margin-bottom:20px;transition:border-color .15s,box-shadow .15s;display:flex}.field-control:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #25a9941c}.field-control>svg:first-child{flex:none;margin-left:15px}.field-control input{min-width:0;height:48px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 13px}.field-control input::placeholder{color:#a5b1af}.field-action{color:#778986;cursor:pointer;background:0 0;border:0;place-items:center;width:45px;height:45px;display:grid}.form-error{color:var(--danger);background:var(--danger-soft);border:1px solid #f1cccc;border-radius:9px;margin:0 0 18px;padding:12px 14px;font-size:.84rem;line-height:1.5}.auth-submit{width:100%;min-height:52px;margin-top:3px}.auth-help{color:#83918f;text-align:center;max-width:390px;margin:26px auto 0;font-size:.8rem;line-height:1.55}.auth-footer{color:#a0acaa;text-align:center;margin:35px 0 0;font-size:.72rem}.setup-page,.access-page{background:radial-gradient(circle at 50% 0, #63d8c621, transparent 32%), var(--canvas);place-items:center;min-height:100dvh;padding:28px;display:grid}.setup-card,.access-card{border:1px solid var(--line);width:min(100%,500px);box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:clamp(27px,5vw,48px)}.setup-heading{margin:48px 0 30px}.setup-step,.upgrade-label{color:var(--teal-strong);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.71rem;font-weight:800;display:inline-flex}.setup-heading h1,.access-card h1{letter-spacing:-.04em;margin-bottom:12px;font-size:2rem}.password-requirements{color:#93a09e;grid-template-columns:1fr 1fr;gap:9px 12px;margin:-2px 0 24px;padding:0;font-size:.75rem;list-style:none;display:grid}.password-requirements li{align-items:center;gap:6px;display:flex}.password-requirements li.met{color:var(--teal-strong)}.access-card{flex-direction:column;align-items:flex-start;display:flex}.access-icon{width:54px;height:54px;color:var(--teal-strong);background:var(--teal-soft);border-radius:15px;place-items:center;margin:48px 0 22px;display:grid}.access-card>p{color:var(--muted);margin-bottom:12px;line-height:1.65}.access-card .access-note{margin-bottom:28px;font-size:.83rem}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{z-index:20;color:#fff;background:linear-gradient(#0b3135 0%,#09292c 100%);border-right:1px solid #ffffff12;flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;height:92px;padding:0 27px;display:flex}.sidebar .brand-word{color:#fff}.sidebar .brand-symbol span{background:var(--aqua)}.sidebar-nav{flex-direction:column;gap:6px;padding:24px 16px;display:flex}.sidebar-nav a,.sidebar-nav>span{color:#e7f8f599;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:.86rem;font-weight:620;display:flex;position:relative}.sidebar-nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--aqua);background:#63d8c61f}.sidebar-nav a.active svg{color:var(--aqua)}.sidebar-nav>span{cursor:not-allowed}.sidebar-nav small{color:#e7f8f54f;text-transform:uppercase;margin-left:auto;font-size:.58rem;font-weight:700}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:20px 17px;display:flex}.user-avatar{width:36px;height:36px;color:var(--deep);background:var(--aqua);border-radius:10px;flex:none;place-items:center;font-size:.72rem;font-weight:820;display:grid}.user-copy,.dashboard-header-user>span:last-child{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.user-copy strong,.dashboard-header-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.user-copy small{color:#e7f8f580;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.sidebar-user form,.mobile-topbar form{display:flex}.sidebar-user button,.mobile-topbar button{color:#e7f8f594;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.sidebar-user button:hover{color:#fff;background:#ffffff12}.dashboard-main{min-width:0;padding:0 clamp(24px,3.1vw,52px) 32px}.mobile-topbar{display:none}.dashboard-header{justify-content:space-between;align-items:center;gap:24px;max-width:1480px;min-height:158px;margin:0 auto;padding:32px 0 25px;display:flex}.dashboard-context{align-items:center;gap:9px;margin-bottom:10px;display:flex}.dashboard-context>span{color:var(--teal-strong);letter-spacing:.11em;text-transform:uppercase;font-size:.71rem;font-weight:820}.dashboard-context i{color:var(--teal-strong);background:var(--teal-soft);letter-spacing:.06em;border:1px solid #cce6df;border-radius:20px;padding:3px 8px;font-size:.6rem;font-style:normal;font-weight:790}.dashboard-header h1{letter-spacing:-.048em;margin-bottom:8px;font-size:clamp(1.75rem,2.7vw,2.4rem)}.dashboard-header>div:first-child>p{color:var(--muted);margin-bottom:0;font-size:.94rem}.dashboard-header-user{border:1px solid var(--line);background:#ffffffbf;border-radius:13px;align-items:center;gap:10px;min-width:190px;padding:9px 12px 9px 9px;display:flex}.dashboard-header-user small{color:var(--muted);font-size:.67rem}.dashboard-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:1480px;margin:0 auto 22px;padding:14px 0;display:flex}.period-selector{background:#eaf0ee;border:1px solid #d7e2df;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.period-selector button{color:#657774;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:36px;padding:0 15px;font-size:.77rem;font-weight:710;transition:all .15s}.period-selector button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #123f4317}.period-selector button:disabled{cursor:wait}.freshness{color:var(--muted);align-items:center;gap:15px;font-size:.73rem;display:flex}.in-progress{border-right:1px solid var(--line);color:#607572;align-items:center;gap:7px;padding-right:15px;font-weight:650;display:inline-flex}.in-progress i{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #25a9941f}.last-update{text-align:right;min-width:106px}.freshness button{border:1px solid var(--line);color:#536966;cursor:pointer;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.freshness button:disabled{opacity:.55;cursor:wait}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-content,.dashboard-skeleton,.dashboard-error,.refresh-warning{max-width:1480px;margin-left:auto;margin-right:auto}.dashboard-content{transition:opacity .16s}.dashboard-content.refreshing{opacity:.82}.refresh-warning{color:#79551e;background:var(--amber-soft);border:1px solid #efdbb9;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:.75rem;display:flex}.refresh-warning button{color:#79551e;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi-card,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.kpi-card{border-radius:14px;min-height:170px;padding:19px 19px 17px;position:relative;overflow:visible}.kpi-card:after{background:linear-gradient(90deg, var(--teal), transparent 72%);content:"";opacity:.5;border-radius:4px;height:2px;position:absolute;bottom:0;left:18px;right:18px}.kpi-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.kpi-icon,.response-time-icon{width:35px;height:35px;color:var(--teal-strong);background:var(--teal-soft);border-radius:10px;place-items:center;display:grid}.kpi-value{letter-spacing:-.055em;margin-bottom:5px;font-size:2rem;line-height:1;display:block}.kpi-card h2{color:var(--ink-soft);margin-bottom:6px;font-size:.79rem;font-weight:740;line-height:1.35}.kpi-caption{color:#92a09e;font-size:.66rem}.panel{border-radius:15px;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin-bottom:7px;font-size:1rem}.panel-heading p{color:var(--muted);margin-bottom:0;font-size:.74rem}.title-with-info{align-items:center;gap:5px;display:flex}.title-with-info h2{margin-bottom:0}.composition-panel{margin-bottom:18px}.composition-total{align-items:baseline;gap:7px;display:flex}.composition-total strong{letter-spacing:-.05em;font-size:1.55rem}.composition-total span{color:var(--muted);font-size:.73rem}.composition-bar{background:#e7eeec;border-radius:10px;width:100%;height:11px;margin-bottom:18px;display:flex;overflow:hidden}.composition-bar span{min-width:0;transition:width .4s}.composition-bar .initial,.composition-dot.initial{background:var(--deep-2)}.composition-bar .reassigned,.composition-dot.reassigned{background:var(--teal)}.composition-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.composition-legend>div{border:1px solid var(--line-soft);background:#fbfcfc;border-radius:11px;align-items:center;gap:11px;padding:12px 14px;display:flex}.composition-dot{border-radius:8px;flex:none;width:8px;height:30px}.composition-legend span{flex-direction:column;flex:1;gap:3px;display:flex}.composition-legend b{color:var(--ink-soft);font-size:.76rem}.composition-legend small{color:#889895;font-size:.65rem}.composition-legend>div>strong{font-size:1.2rem}.analytics-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px;display:grid}.chart-panel,.response-time-panel{min-height:390px}.chart-heading{align-items:center}.chart-legend{color:var(--muted);align-items:center;gap:15px;font-size:.7rem;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-dot.received{background:var(--deep-2)}.legend-dot.attended{background:var(--teal)}.chart-wrap{width:100%;height:285px}.chart-tooltip{background:#fffffffa;border:1px solid #d7e2df;border-radius:11px;min-width:225px;padding:13px;box-shadow:0 14px 34px #123f4324}.chart-tooltip-date{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:9px;font-size:.77rem;display:flex}.chart-tooltip-date span{color:var(--teal-strong);font-size:.58rem;font-weight:750}.chart-tooltip dl{flex-direction:column;gap:7px;margin:0;display:flex}.chart-tooltip dl>div{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:.68rem;display:flex}.chart-tooltip dt{align-items:center;gap:6px;display:flex}.chart-tooltip dd{color:var(--ink);margin:0;font-weight:760}.response-time-list{flex-direction:column;gap:12px;display:flex}.response-time-item{border:1px solid var(--line-soft);background:#fbfcfc;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:91px;padding:13px;display:grid}.response-time-item>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.response-time-item b{color:var(--ink-soft);font-size:.76rem}.response-time-item small{color:#8b9997;font-size:.62rem}.response-time-item>strong{letter-spacing:-.04em;white-space:nowrap;font-size:1.16rem}.info-tooltip{z-index:4;flex:none;display:inline-flex;position:relative}.info-tooltip:has(.info-tooltip-bubble){z-index:100}.info-tooltip-trigger{color:#849491;cursor:help;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;margin:-4px;padding:0;display:grid}.info-tooltip-trigger:hover,.info-tooltip-trigger[aria-expanded=true]{color:var(--teal-strong);background:var(--teal-soft)}.info-tooltip-bubble{z-index:1000;color:#405653;text-align:left;background:#fff;border:1px solid #d5e1de;border-radius:10px;width:min(310px,100vw - 32px);padding:11px 12px;font-size:.69rem;font-weight:500;line-height:1.5;position:absolute;top:calc(100% + 10px);box-shadow:0 14px 36px #0d303429}.info-tooltip-bubble:before{content:"";background:#fff;border-top:1px solid #d5e1de;border-left:1px solid #d5e1de;width:9px;height:9px;position:absolute;top:-5px;transform:rotate(45deg)}.info-tooltip-bubble.align-start{left:-2px}.info-tooltip-bubble.align-start:before{left:8px}.info-tooltip-bubble.align-center{left:50%;transform:translate(-50%)}.info-tooltip-bubble.align-center:before{left:calc(50% - 5px)}.info-tooltip-bubble.align-end{right:-2px}.info-tooltip-bubble.align-end:before{right:8px}.seller-panel{margin-bottom:18px;padding-bottom:0;padding-left:0;padding-right:0;overflow:hidden}.seller-heading,.table-period-note{margin-left:22px;margin-right:22px}.seller-count{border:1px solid var(--line);color:var(--muted);background:#f8faf9;border-radius:20px;padding:6px 10px;font-size:.66rem;font-weight:700}.table-period-note{border-left:3px solid var(--teal);color:#6d7f7c;background:#f2f8f6;border-radius:0 8px 8px 0;margin-bottom:17px;padding:9px 11px;font-size:.7rem;line-height:1.5}.table-period-note strong{color:#48615e}.seller-table-scroll{scrollbar-color:#c5d5d2 transparent;overflow-x:auto}.seller-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1110px}.seller-table th,.seller-table td{border-top:1px solid var(--line-soft);color:var(--ink-soft);text-align:left;vertical-align:middle;padding:14px 16px;font-size:.74rem}.seller-table thead th{color:#778885;background:#f7faf9;height:58px;font-size:.65rem;font-weight:760;line-height:1.35;position:relative}.seller-table thead th:first-child,.seller-table tbody th{z-index:3;background:#fff;width:180px;min-width:180px;position:sticky;left:0;box-shadow:8px 0 16px #143a3b06}.seller-table thead th:first-child{z-index:5;background:#f7faf9}.seller-table tbody tr:hover td,.seller-table tbody tr:hover th{background:#fbfdfc}.table-header-label{align-items:center;gap:5px;max-width:150px;display:flex}.seller-name{color:var(--ink);white-space:nowrap;align-items:center;gap:9px;font-weight:760;display:flex}.seller-name i{width:28px;height:28px;color:var(--teal-strong);background:var(--teal-soft);border-radius:8px;place-items:center;font-size:.65rem;font-style:normal;display:grid}.sla-value{flex-direction:column;gap:3px;display:flex}.sla-value strong{color:var(--ink);font-size:.78rem}.sla-value small{color:#879693;white-space:nowrap;font-size:.61rem}.sla-value.empty strong,.sla-value.empty small{color:#9ba8a6}.upgrade-cta{color:#fff;box-shadow:var(--shadow);background:radial-gradient(circle at 80% 30%,#63d8c624,#0000 32%),linear-gradient(120deg,#0a3034,#103f43);border:1px solid #63d8c630;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:20px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.upgrade-icon{width:50px;height:50px;color:var(--aqua);background:#63d8c614;border:1px solid #63d8c62e;border-radius:13px;place-items:center;display:grid}.upgrade-copy{max-width:850px}.upgrade-copy .upgrade-label,.upgrade-dialog .upgrade-label{color:var(--aqua)}.upgrade-copy h2{max-width:820px;margin-bottom:8px;font-size:1rem;line-height:1.45}.upgrade-copy p{color:#ebfbf89e;margin-bottom:0;font-size:.7rem;line-height:1.6}.upgrade-button{min-height:43px;color:var(--deep);background:var(--aqua);white-space:nowrap;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:9px;padding:0 16px;font-size:.74rem;font-weight:820;display:inline-flex}.upgrade-button:hover{background:#7ce6d5}.upgrade-dialog{color:#fff;background:var(--deep);width:min(92vw,480px);box-shadow:var(--shadow-lg);border:1px solid #63d8c62b;border-radius:18px;padding:38px;position:relative}.upgrade-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#051a1c9e}.upgrade-dialog h2{letter-spacing:-.04em;margin-bottom:12px;font-size:1.7rem}.upgrade-dialog p{color:#ebfbf8ab;margin-bottom:25px;font-size:.84rem;line-height:1.65}.upgrade-dialog .primary-button{color:var(--deep);background:var(--aqua)}.dialog-close{color:#ffffffab;cursor:pointer;background:#ffffff0f;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.dashboard-footer{color:#95a3a1;justify-content:space-between;align-items:center;padding:6px 2px 0;font-size:.64rem;display:flex}.dashboard-footer span:first-child{color:#758784;font-weight:780}.empty-state{min-height:220px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state.compact{min-height:120px;padding:20px}.empty-state strong{color:var(--ink-soft);margin-bottom:7px;font-size:.83rem}.empty-state span{max-width:390px;font-size:.7rem;line-height:1.5}.dashboard-error{box-shadow:var(--shadow);background:#fff;border:1px solid #eccacc;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:40px;padding:20px;display:grid}.dashboard-error-icon{width:42px;height:42px;color:var(--danger);background:var(--danger-soft);border-radius:11px;place-items:center;display:grid}.dashboard-error strong{font-size:.87rem}.dashboard-error p{color:var(--muted);margin:4px 0 0;font-size:.74rem}.dashboard-error>button{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;padding:0 13px;font-size:.72rem;font-weight:760}.dashboard-skeleton{flex-direction:column;gap:18px;display:flex}.skeleton-row{gap:14px;display:grid}.skeleton-row.five{grid-template-columns:repeat(5,1fr)}.skeleton-row.two{grid-template-columns:1.7fr .75fr}.skeleton-card,.skeleton-panel{background:linear-gradient(100deg,#e9efed 30%,#f7f9f8 50%,#e9efed 70%) 0 0/300% 100%;border:1px solid #e2eae8;border-radius:14px;animation:1.35s ease-in-out infinite skeleton;display:block}.skeleton-card{height:170px}.skeleton-panel{height:390px}.skeleton-panel.short{height:210px}.skeleton-panel.table{height:330px}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:1240px){.app-shell{grid-template-columns:224px minmax(0,1fr)}.sidebar-brand{padding-left:22px}.kpi-grid,.skeleton-row.five{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card:nth-child(4),.kpi-card:nth-child(5){min-height:158px}}@media (max-width:1020px){.auth-page{grid-template-columns:minmax(340px,.78fr) minmax(430px,1.22fr)}.auth-brand-copy h1{font-size:2.75rem}.analytics-grid,.skeleton-row.two{grid-template-columns:1fr}.response-time-panel{min-height:auto}.response-time-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:880px){.auth-page{display:block}.auth-brand-panel{display:none}.auth-form-panel{min-height:100dvh;padding-top:34px}.auth-mobile-brand{display:flex}.app-shell{display:block}.sidebar{display:none}.dashboard-main{padding:0 22px 28px}.mobile-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;display:flex}.mobile-topbar button{color:var(--ink-soft)}.dashboard-header{min-height:138px;padding-top:25px}.dashboard-header-user{display:none}.dashboard-controls{flex-direction:column;align-items:flex-start}.freshness{justify-content:flex-end;align-self:stretch}}@media (max-width:650px){.dashboard-main{padding-left:15px;padding-right:15px}.dashboard-header{min-height:126px}.dashboard-header h1{font-size:1.65rem}.dashboard-header>div:first-child>p{font-size:.82rem}.period-selector{width:100%}.period-selector button{flex:1;padding-left:8px;padding-right:8px;font-size:.7rem}.freshness{gap:10px}.in-progress{border-right:0;margin-right:auto;padding-right:0}.last-update{min-width:0}.kpi-grid,.skeleton-row.five{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card,.kpi-card:nth-child(4),.kpi-card:nth-child(5){min-height:157px;padding:16px}.kpi-value{font-size:1.75rem}.panel{padding:18px}.panel-heading{gap:12px;margin-bottom:20px}.composition-panel .panel-heading{flex-direction:column;align-items:flex-start}.composition-legend{grid-template-columns:1fr}.chart-heading{flex-direction:column;align-items:flex-start}.chart-legend{align-self:flex-start}.chart-wrap{height:260px}.response-time-list{grid-template-columns:1fr}.seller-panel{padding-left:0;padding-right:0}.seller-heading,.table-period-note{margin-left:18px;margin-right:18px}.seller-heading{flex-direction:column;align-items:flex-start}.upgrade-cta{grid-template-columns:auto 1fr;padding:22px}.upgrade-button{grid-column:1/-1;justify-content:center;width:100%}.dashboard-error{grid-template-columns:auto 1fr}.dashboard-error>button{grid-column:1/-1}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width:430px){.auth-form-panel{padding-left:22px;padding-right:22px}.auth-mobile-brand{margin-bottom:42px}.setup-page,.access-page{padding:14px}.password-requirements,.kpi-grid,.skeleton-row.five{grid-template-columns:1fr}.kpi-card,.kpi-card:nth-child(4),.kpi-card:nth-child(5){min-height:142px}.kpi-card-top{margin-bottom:10px}.refresh-warning{flex-direction:column;align-items:flex-start}.upgrade-cta{grid-template-columns:1fr}.upgrade-icon{width:42px;height:42px}.upgrade-dialog{padding:32px 23px 25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}