:root{--bg:#f6f7f9;--panel:#fff;--ink:#171719;--muted:#777;--line:#e8e8eb;--accent:#111}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}a{color:inherit}.top{height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.top div{display:flex;gap:10px;align-items:baseline;font-size:20px}.top strong{font-size:25px;letter-spacing:-1px}.top nav{display:flex;gap:18px}.top nav a{text-decoration:none;font-size:14px}.wrap{max-width:1280px;margin:0 auto;padding:32px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.hero h1{margin:0;font-size:34px}.hero p{margin:6px 0 0;color:var(--muted)}.filters{display:flex;gap:8px;align-items:center}.filters input,.setup input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.btn{border:0;border-radius:10px;background:#111;color:#fff;padding:11px 16px;text-decoration:none;cursor:pointer}.grid{display:grid;gap:18px}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.two{grid-template-columns:1.25fr 1fr;margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.03)}.kpis span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.kpis strong{font-size:28px}.kpis strong.small{font-size:15px}.kpis em{display:block;margin-top:7px;font-size:12px;color:var(--muted);font-style:normal}.card h2{margin:0 0 16px;font-size:18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}.flash{background:#eef9ef;border:1px solid #cce8d0;padding:12px 14px;border-radius:10px;margin-bottom:18px}.setup{max-width:430px;margin:10vh auto}.setup h1{margin-top:0}.setup form{display:grid;gap:10px}.setup label{font-size:13px;color:var(--muted);margin-top:5px}.ok{color:#187333}.error{color:#b3261e}.muted,.footer{color:var(--muted);font-size:13px}.footer{text-align:center;margin:28px 0}@media(max-width:900px){.kpis,.two{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.wrap{padding:18px}.top{padding:0 18px}.kpis,.two{grid-template-columns:1fr}.filters{flex-wrap:wrap}table{font-size:12px}.card{overflow:auto}}