:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10213f;background:#f3f6fb;font-size:17px}*{box-sizing:border-box}body{margin:0;line-height:1.4}header{background:#071b38;color:#fff;display:flex;align-items:center;gap:16px;padding:15px 20px;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #071b3822}.brand{font-size:22px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.03em}nav{display:flex;gap:18px;overflow:auto;flex:1;padding:2px 0}nav a{white-space:nowrap;opacity:.92}a{color:inherit;text-decoration:none}.logout{font-size:15px;white-space:nowrap}main{max-width:1180px;margin:auto;padding:26px 18px}.title{display:flex;justify-content:space-between;align-items:center;gap:14px}.title h1{margin:0;font-size:28px}form{display:flex;flex-direction:column;gap:12px}input,button{font:inherit;padding:12px 14px;border-radius:10px;border:1px solid #cbd5e1;min-height:46px}button{background:#2563eb;color:white;border:0;font-weight:700;cursor:pointer}.title form{flex-direction:row}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.kpis article,.login,.table{background:white;border-radius:14px;padding:20px;box-shadow:0 1px 4px #cbd5e188}.kpis small{display:block;color:#64748b;font-size:15px}.kpis strong{font-size:27px;display:block;margin-top:8px;line-height:1.15}.table{overflow:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:15px 14px;border-bottom:1px solid #e2e8f0;white-space:nowrap}th{color:#64748b;font-size:15px}.login{max-width:420px;margin:12vh auto}.login h1{margin:0}.hint{color:#64748b;font-size:15px}@media(max-width:720px){:root{font-size:16px}header{gap:11px;padding:12px 14px}.brand{font-size:19px}nav{gap:14px;font-size:14px}.logout{font-size:14px}main{padding:20px 13px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0}.kpis article,.login,.table{padding:15px}.kpis strong{font-size:21px}.title{align-items:flex-start;flex-direction:column}.title h1{font-size:25px}.title form{width:100%}.title input,.title button{flex:1;min-width:0}th,td{padding:13px 12px}.table{border-radius:12px}}