:root{--bg:#0a0f18;--panel:#121a27;--panel2:#182233;--border:#263246;--text:#e8edf7;--muted:#9aa8bd;--accent:#a25801;--danger:#b94a48}*{box-sizing:border-box}body.admin-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;display:flex;min-height:100vh}.admin-sidebar{width:286px;background:linear-gradient(180deg,#101827,#090d14);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;overflow:auto}.admin-brand{padding:22px 18px;border-bottom:1px solid var(--border)}.admin-brand strong{display:block;font-size:18px}.admin-brand span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.admin-nav{padding:12px}.admin-nav a,.nav-group-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--text);text-decoration:none;background:transparent;border:0;border-radius:10px;padding:10px 12px;font:inherit;text-align:left;cursor:pointer}.admin-nav a:hover,.nav-group-toggle:hover{background:rgba(255,255,255,.06)}.nav-home{font-weight:700;background:rgba(162,88,1,.16)!important}.nav-group{padding:2px 0 8px 12px;border-left:1px solid rgba(255,255,255,.08);margin-left:10px}.nav-group a{font-size:14px;color:var(--muted);padding:8px 10px}.nav-group.collapsed{display:none}.logout{margin-top:16px;color:#ffb4b4!important}.admin-main{margin-left:286px;width:calc(100% - 286px)}.admin-top{height:88px;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--border);background:rgba(18,26,39,.86);position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}.admin-top h1{margin:0;font-size:26px}.admin-top p{margin:4px 0 0;color:var(--muted)}.admin-content{padding:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;padding:10px 14px;font-weight:700;cursor:pointer}.btn.ghost{background:var(--panel2);border:1px solid var(--border)}.btn.danger{background:var(--danger)}.btn.small{padding:7px 10px;font-size:13px}input,select,textarea{width:100%;background:#0e1520;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:6px 0 14px;font:inherit}input[type=color]{height:44px;padding:4px}label{display:block;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-block;border-radius:999px;background:var(--panel2);border:1px solid var(--border);padding:4px 8px;font-size:12px}.swatch{display:inline-block;width:18px;height:18px;border-radius:5px;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.notice{padding:12px 14px;border-radius:10px;background:rgba(54,162,105,.14);border:1px solid rgba(54,162,105,.35);margin-bottom:16px}.wysiwyg-toolbar{display:flex;flex-wrap:wrap;gap:6px;background:#0e1520;border:1px solid var(--border);border-radius:12px 12px 0 0;padding:8px}.wysiwyg-toolbar button,.wysiwyg-toolbar input{width:auto;margin:0;padding:7px 9px;border-radius:8px}.editor{min-height:260px;background:#fff;color:#111;border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;padding:16px;overflow:auto}.editor table{border-collapse:collapse;width:100%}.editor td,.editor th{border:1px solid #999;padding:6px}.preview-band{height:120px;border-radius:14px;background-size:cover;background-position:center;border:1px solid var(--border)}@media(max-width:900px){.admin-sidebar{position:relative;width:100%;height:auto}.admin-main{margin-left:0;width:100%}body.admin-body{display:block}.form-grid{grid-template-columns:1fr}}