:root{--blue:#0a5c8e;--light:#edf8fe;--border:#cfe5f1;--ink:#193547;--danger:#a93434}*{box-sizing:border-box}body{margin:0;background:#f5fbfe;color:var(--ink);font-family:Arial,sans-serif}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#bce8ff,#eaf8ff)}.login-card{width:min(420px,calc(100% - 30px));background:#fff;padding:30px;border-radius:22px;box-shadow:0 20px 60px rgba(30,100,140,.18);display:grid;gap:16px}.login-card h1{margin:0;color:var(--blue)}label{display:grid;gap:7px;font-weight:700;font-size:13px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;font:inherit}button{border:0;background:var(--blue);color:#fff;border-radius:8px;padding:10px 13px;font-weight:700;cursor:pointer}.alert,.notice{padding:12px 14px;border-radius:10px;background:#fff1f1;color:#8c2d2d}.notice{background:#eaf8ef;color:#246b43;margin-bottom:16px}.admin-top{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:14px 24px}.admin-top div{display:flex;gap:12px;align-items:baseline}.admin-top span{font-size:12px;color:#6f8795}.admin-top nav{display:flex;gap:14px}.admin-top a{color:var(--blue);text-decoration:none;font-weight:700;font-size:13px}.admin-main{width:min(1400px,calc(100% - 30px));margin:24px auto 60px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats div,.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px rgba(40,90,120,.06)}.stats div{padding:20px}.stats b{display:block;font-size:34px;color:var(--blue)}.stats span{font-size:12px;color:#6b8493}.panel{padding:20px;margin-bottom:18px}.panel h2{margin-top:0;color:var(--blue)}.grid-form{display:grid;grid-template-columns:1fr auto;gap:12px}.grid-form .wide{grid-column:1/-1}.grid-form button{align-self:end}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.slot{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:10px}.slot-head{display:flex;justify-content:space-between;align-items:center}.slot img,.empty{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--light)}.empty{display:grid;place-items:center;color:#7891a0}.slot form{display:grid;gap:7px}.small{padding:5px 8px;font-size:11px}.danger{background:var(--danger)}.muted{background:#7a8d99}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1000px}th,td{text-align:left;border-bottom:1px solid #e4eef4;padding:10px 8px;vertical-align:top;font-size:13px}th{color:#557180}.actions{display:flex;gap:6px}.actions button{padding:7px 8px;font-size:11px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.pill.yes{background:#e4f7ea;color:#247347}.pill.no{background:#fdeaea;color:#9c3737}.muted-text{color:#718794;line-height:1.6}code{background:#eef6fa;padding:3px 5px;border-radius:5px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.slot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.admin-top{padding:12px;align-items:flex-start}.admin-top div{display:grid;gap:2px}.stats,.slot-grid{grid-template-columns:1fr}.grid-form{grid-template-columns:1fr}.admin-main{width:min(100% - 18px,1400px)}}

.hero-admin-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:24px;align-items:start}.hero-preview{border:1px solid var(--border);border-radius:14px;padding:10px;background:var(--light)}.hero-preview img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:9px;background:#fff}.hero-upload-form{display:grid;gap:12px;max-width:560px}.hero-upload-form button{justify-self:start}.reset-form{margin-top:10px}.tiny-note{font-size:12px;color:#718794;margin-top:12px}@media(max-width:760px){.hero-admin-grid{grid-template-columns:1fr}.hero-preview{max-width:420px}}