:root{--brand:#ff1a1a;--muted:#666;--border:#f0f0f0;--border-strong:#e6e6e6;--bg:#fafafa;--card:#fff;--topbar-h:56px}*{box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:#111;padding-top:var(--topbar-h)}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;max-width:80vw;background:#fff;border-right:1px solid var(--border);transform:translateX(-100%);transition:transform .2s ease;z-index:60}.sidebar.open{transform:translateX(0)}.sidebar .sb-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#222;text-decoration:none}.sidebar .sb-item:hover{background:rgba(255,26,26,.08);color:#000}.sidebar .sb-item.active{background:var(--brand);color:#fff}.sidebar .sb-icn{width:18px;display:inline-flex;justify-content:center}.sidebar .sidebar-close{position:absolute;top:10px;right:8px;border:none;background:transparent;font-size:22px;cursor:pointer}@media (min-width:1024px){.sidebar{transform:translateX(0)}}.content{min-height:100vh}@media (min-width:1024px){.content{padding-left:260px}}.site-footer{position:static;width:100%;background:#fff;border-top:1px solid var(--border)}.site-footer__inner{max-width:1200px;margin:0 auto;padding:10px 16px;font-size:12px;color:#666;text-align:center}.content{padding-bottom:0}main{max-width:1200px;margin:0 auto}.grid-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.grid-main{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:0}.chart-grid{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}@media (max-width:1024px){.grid-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main{grid-template-columns:1fr;gap:14px}}@media (max-width:640px){.grid-kpis{gap:12px}.chart-grid,.grid-kpis{grid-template-columns:1fr}}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}input,select{outline:none}input:focus,select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 2px rgba(255,26,26,.1)}.btn-primary{background:var(--brand);color:#fff;border:none;border-radius:10px;height:44px;font-weight:700;cursor:pointer}.qa-item{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border:1px dashed rgba(255,26,26,.35);border-radius:10px;color:#222}.qa-item:hover{background:rgba(255,26,26,.04)}.corners{position:relative}.corners:after{content:"";position:absolute;inset:6px 8px 6px auto;width:10px;pointer-events:none;background:linear-gradient(var(--brand),var(--brand)) 100% 0/10px 1px no-repeat,linear-gradient(var(--brand),var(--brand)) 100% 100%/10px 1px no-repeat,linear-gradient(var(--brand),var(--brand)) 100% 0/1px 10px no-repeat,linear-gradient(var(--brand),var(--brand)) 100% 100%/1px 10px no-repeat;opacity:.7}.qa-chevron{color:#bbb;font-weight:700}@media (max-width:768px){.topbar{padding:8px 12px!important;gap:8px!important}.topbar-search{height:36px!important}.topbar-search input{font-size:14px}.topbar-right{gap:8px!important}.topbar-logout,.topbar-user-text{display:none}}@media (max-width:480px){.topbar-avatar{width:28px!important;height:28px!important;font-size:12px}.topbar-search{height:34px!important}}