:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;margin:auto;padding:32px 22px}.nav{display:flex;gap:18px;align-items:center;margin-bottom:28px}.brand{font-size:22px;font-weight:800;margin-right:auto}.nav a{color:#333;text-decoration:none}.card{background:white;border:1px solid #e7e7e7;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000008}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.kpi{font-size:30px;font-weight:800}.muted{color:#717171}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#f0f1f3;font-size:12px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid #eee}.btn{display:inline-block;background:#171717;color:white;border:0;border-radius:10px;padding:11px 15px;text-decoration:none;cursor:pointer}.upload{border:2px dashed #d5d5d5;border-radius:14px;padding:28px;text-align:center}.ok{background:#eef8ef}.err,.ok{padding:12px;border-radius:10px}.err{background:#fff0f0}.bar{height:10px;background:#eee;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:#222}.mt{margin-top:18px}h1{margin:0 0 8px}h2{margin-top:0}