*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#1f2937;font-family:Arial,sans-serif}a{color:#155eef;text-decoration:none}.nav{background:#111827;color:#fff;padding:14px 22px;display:flex;gap:18px;align-items:center}.nav a{color:#fff}.nav .grow{flex:1}.wrap{max-width:1450px;margin:24px auto;padding:0 18px}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:18px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}input,select,textarea{width:100%;padding:9px;border:1px solid #d1d5db;border-radius:6px}button,.btn{display:inline-block;border:0;border-radius:6px;padding:9px 13px;background:#111827;color:#fff;cursor:pointer}.btn2{background:#6b7280}.btnok{background:#166534}.danger{background:#b91c1c}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f9fafb;position:sticky;top:0}.muted{color:#6b7280;font-size:13px}.badge{padding:3px 7px;border-radius:10px;background:#e5e7eb;font-size:12px}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pager{display:flex;gap:8px;margin:15px 0}.metric{font-size:28px;font-weight:bold}.error{background:#fee2e2;padding:10px;border-radius:6px;color:#991b1b}.success{background:#dcfce7;padding:10px;border-radius:6px;color:#166534}label{font-weight:600;font-size:13px}