*{box-sizing:border-box}:root{--brand:#f15a24;--green:#198754;--ink:#17202a;--muted:#667085;--line:#dfe3e8;--bg:#f4f6f8}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{color:#155eef;text-decoration:none}.top{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.brand{font-weight:900;font-size:22px;color:var(--brand)}nav{display:flex;gap:20px}nav a{font-weight:700;color:#344054}.wrap{max-width:1180px;margin:32px auto;padding:0 20px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 28px rgba(16,24,40,.06);margin-bottom:20px}.login-card{max-width:460px;margin:9vh auto}.row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:800;font-size:14px}input,textarea,select{width:100%;border:1px solid #cbd2d9;border-radius:9px;padding:11px 12px;background:#fff;font:inherit}textarea{min-height:140px;resize:vertical}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:800;display:inline-block;cursor:pointer}.primary{background:var(--green);color:#fff}.secondary{background:#e9edf2;color:#26313e}.danger{background:#b42318;color:#fff}.small{padding:8px 11px;font-size:13px}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px 11px;border-bottom:1px solid #edf0f2;text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:12px;font-weight:800}.status.off{background:#f2f4f7;color:#667085}.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px}.alert.success{background:#ecfdf3;color:#027a48}.alert.error{background:#fef3f2;color:#b42318}.muted{color:var(--muted)}.images{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.image-card{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.image-card img{width:100%;height:110px;object-fit:cover;border-radius:7px}.image-card label{font-size:12px}.preview{width:90px;height:64px;object-fit:cover;border-radius:8px;background:#edf0f2}.empty{text-align:center;padding:50px 20px;color:var(--muted)}@media(max-width:760px){.grid{grid-template-columns:1fr}.images{grid-template-columns:repeat(2,minmax(0,1fr))}.top{padding:0 14px}.top nav{gap:10px;font-size:13px}}