:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;background:#f8fafc;color:#0f172a}button{font-size:1em;font-family:inherit}.dashboard-page{min-height:100vh;padding:24px;background:#ececec;color:#0f1733;display:flex;flex-direction:column;gap:18px}.dashboard-title{margin:0;font-size:36px;font-weight:800;color:#f75c03;letter-spacing:.4px}.dashboard-toolbar{background:#f5f5f5;border-radius:8px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.period-box{display:flex;flex-direction:column;gap:8px}.period-box label{font-size:15px}.period-box select{background:#1c234f;color:#fff;border:0;border-radius:4px;min-width:220px;padding:8px 10px;font-weight:700}.meta-info{display:flex;flex-wrap:wrap;gap:20px}.meta-info span{display:inline-flex;align-items:center;gap:8px;font-size:14px}.meta-info span strong{background:#1c234f;color:#fff;border-radius:4px;padding:4px 8px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.kpi-card{background:#1c234f;color:#fff;border-radius:10px;padding:18px}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-head h2{margin:0;font-size:34px;line-height:1}.delta-tag{font-size:14px;font-weight:700;padding:6px 12px;clip-path:polygon(12% 0%,100% 0%,88% 100%,0% 100%)}.delta-tag.up{background:#7cd957;color:#fff}.delta-tag.down{background:#ff1a1a;color:#fff}.kpi-amount{margin:14px 0 8px;font-size:52px;font-weight:800;line-height:1.05}.kpi-sub{margin:0;font-size:18px;opacity:.95}.chart-panel{background:#f5f5f5;border-radius:8px;padding:16px}.chart-tabs{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:14px}.chart-tabs button{border:0;border-radius:4px;padding:10px 8px;background:#e3e5ea;color:#27324f;font-weight:800;cursor:pointer}.chart-tabs button.active{background:#fff;box-shadow:inset 0 2px #d1d5db}.chart-legend{display:flex;gap:14px;font-size:14px;margin:8px 0 14px}.legend-item{display:inline-flex;align-items:center;gap:6px}.swatch{width:14px;height:14px;border-radius:2px}.swatch.prev{background:#a9c3e4}.swatch.current{background:#1d3d88}.bars-grid{display:grid;grid-template-columns:repeat(12,minmax(56px,1fr));gap:8px;align-items:end;min-height:260px}.month-col{display:grid;grid-template-rows:20px 1fr auto;align-items:end;gap:8px;text-align:center}.var-tag{font-size:12px;color:#5f6885;font-weight:700}.bars{height:190px;display:flex;justify-content:center;align-items:end;gap:4px;border-bottom:1px solid #cfd3dd}.bar{width:18px;border-radius:3px 3px 0 0}.bar.prev{background:#a9c3e4}.bar.current{background:#1d3d88}.bar.neg{opacity:.75}.month-name{font-size:12px;color:#535d75}.top-tables{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.top-table-card{background:#fff;border-radius:8px;padding:12px;overflow-x:auto}.top-table-card h3{margin:0 0 10px;color:#1d2b4d;font-size:24px}.top-table-card table{width:100%;border-collapse:collapse}.top-table-card th,.top-table-card td{padding:8px 6px;border-bottom:1px solid #d7dce6;font-size:14px;text-align:left}.top-table-card .pos{color:#26a541;font-weight:700}.top-table-card .neg{color:#d82323;font-weight:700}.actions-row{display:flex;gap:10px}.reload-btn,.logout-btn{border:0;border-radius:8px;padding:10px 14px;color:#fff;cursor:pointer}.reload-btn{background:#495b85}.logout-btn{background:#0f1733}.range-caption{margin:0;font-size:13px;color:#44516f}.loading-text,.empty-text,.error-text{margin:0;font-weight:600}.error-text{color:#b91c1c}@media(max-width:1180px){.kpi-grid{grid-template-columns:1fr}.kpi-amount{font-size:40px}.top-tables{grid-template-columns:1fr}}@media(max-width:900px){.dashboard-page{padding:14px}.dashboard-toolbar{flex-direction:column;align-items:flex-start}.chart-tabs{grid-template-columns:1fr 1fr}.bars-grid{overflow-x:auto;grid-template-columns:repeat(12,64px);padding-bottom:10px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0b4d61,#071a2b 60%,#030910);padding:24px}.login-card{width:min(100%,360px);background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 40px #020a1b47;display:grid;gap:12px}.login-card h1{margin:0;font-size:28px;line-height:1.2;color:#0f172a}.login-card p{margin:0 0 8px;color:#475569;font-size:14px}.login-card input{border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:15px;outline:none}.login-card input:focus{border-color:#0b4d61;box-shadow:0 0 0 3px #0b4d612e}.login-card select{border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:15px;outline:none;background:#fff}.login-card select:focus{border-color:#0b4d61;box-shadow:0 0 0 3px #0b4d612e}.login-card button{margin-top:6px;border:0;border-radius:10px;padding:12px;background:linear-gradient(120deg,#0b4d61,#0f766e);color:#fff;font-weight:600;cursor:pointer}.login-card button:hover{filter:brightness(1.04)}.login-error{margin:0;color:#b91c1c;font-size:14px}.login-ok{margin:0;color:#166534;font-size:14px}.secondary-btn{background:#e2e8f0!important;color:#0f172a!important}