:root{--bg:#f4f5f8;--ink:#1d2433;--muted:#667085;--line:#e4e7ec;--brand:#4f46c7;--mint:#dff6ef;--warn:#fff4dd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}.topbar{height:64px;padding:0 max(24px,calc((100vw - 1500px)/2));display:flex;align-items:center;gap:34px;background:#17192b;color:#fff}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:800}.brand span{background:#7069e8;border-radius:7px;padding:4px 7px}.topbar nav{display:flex;gap:6px;flex:1}.topbar nav a{color:#cfd1e3;text-decoration:none;padding:10px 13px;border-radius:8px}.topbar nav a.active,.topbar nav a:hover{background:#2a2d45;color:#fff}.link-button{border:0;background:transparent;color:#cfd1e3;cursor:pointer}main{max-width:1500px;margin:0 auto;padding:32px 24px 56px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}h1{font-size:34px;line-height:1.1;margin:4px 0 8px}h2{font-size:18px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--brand);font-weight:750;font-size:11px;margin:0}.muted,.freshness{color:var(--muted)}.date-badge{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:10px;color:var(--muted)}select{border:1px solid #ccd1d9;background:#fff;border-radius:7px;padding:8px 10px}.primary{border:0;background:var(--brand);color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.presence-kpis{grid-template-columns:repeat(7,minmax(135px,1fr))}.kpis article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.kpis article.warning{background:var(--warn)}.kpis span,.kpis small{display:block;color:var(--muted)}.kpis strong{display:block;font-size:29px;margin:4px 0;font-variant-numeric:tabular-nums}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:16px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-head span{color:var(--muted);font-size:12px}.panel-head label{color:var(--muted);font-size:12px}.chart-box{height:350px;padding:16px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-two>.panel{min-width:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:11px 13px;border-bottom:1px solid #edf0f3}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc}th:first-child,td:first-child{text-align:left}tbody tr:hover{background:#fafaff}.note{margin-top:18px;padding:15px 17px;background:#eaf1ff;border:1px solid #cbdafe;border-radius:12px}.alert{padding:14px 16px;background:#fff1f0;border:1px solid #ffccc7;border-radius:10px}.login-card{max-width:390px;margin:10vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.login-card form,.login-card label{display:grid;gap:7px}.login-card form{gap:16px}.login-card input{padding:11px;border:1px solid #ccd1d9;border-radius:8px}@media(max-width:1000px){.presence-kpis,.kpis{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.topbar{padding:0 16px}main{padding:24px 16px}.page-head{align-items:stretch;flex-direction:column}}@media(max-width:620px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-block:10px}.topbar nav{order:3;width:100%;overflow:auto}.kpis,.presence-kpis{grid-template-columns:1fr 1fr}.chart-box{height:280px}.panel-head{align-items:flex-start;flex-direction:column}}
.orders-chart-box{position:relative;cursor:crosshair;user-select:none}.orders-chart-box canvas{touch-action:none}.range-summary[hidden]{display:none}.range-summary{position:absolute;top:22px;z-index:3;display:grid;grid-template-columns:auto auto;gap:3px 14px;min-width:185px;padding:10px 12px;border:1px solid #cbc8f4;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(29,36,51,.14);font-size:12px;pointer-events:none}.range-summary b{grid-column:1/-1;font-size:13px}.range-summary span{color:var(--muted)}.range-summary strong{color:var(--ink);font-variant-numeric:tabular-nums}.range-summary .up{color:#087443;font-weight:700}.range-summary .down{color:#b42318;font-weight:700}