*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6;color:#111827}header{background:#111827;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}main{max-width:1250px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 5px 18px #00000012}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stat{font-size:28px;font-weight:700}.muted{color:#6b7280;font-size:13px}label{display:block;font-weight:700;margin:10px 0 5px}input,select,button{width:100%;padding:11px;border:1px solid #d1d5db;border-radius:9px;font-size:15px}button{background:#16a34a;color:#fff;border:0;font-weight:700;cursor:pointer;margin-top:10px}button.secondary{background:#374151}button.danger{background:#dc2626}.hidden{display:none!important}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb}.badge{padding:4px 8px;border-radius:999px;background:#e5e7eb;display:inline-block}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.error{color:#b91c1c}.success{color:#166534}nav button{width:auto;margin:0 5px;padding:8px 12px}@media(max-width:700px){.row{display:block}table{display:block;overflow:auto}}