:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--primary:#6d28d9;--border:#e6e9f0;--success:#087443;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#111827;color:#fff;padding:22px 14px;display:flex;flex-direction:column}.logo{font-size:24px;font-weight:800;padding:0 12px 25px}.logo span{color:#a78bfa}.userbox{background:#1f2937;border-radius:12px;padding:12px;margin-bottom:15px}.userbox small{display:block;color:#9ca3af;margin-top:3px}nav{display:flex;flex-direction:column;gap:4px}nav a,.logout{color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:9px}nav a.active,nav a:hover,.logout:hover{background:#312e81;color:#fff}.logout{margin-top:auto}.main{margin-left:245px;padding:28px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0 0 5px;font-size:27px}.muted{color:var(--muted);font-size:13px}.pill{background:#ede9fe;color:#5b21b6;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 2px 8px #1118270a}.stat b{font-size:27px;display:block;margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--border);font-size:13px}.table th{background:#fafafa}.btn{display:inline-block;border:0;border-radius:9px;background:var(--primary);color:#fff;padding:10px 14px;text-decoration:none;cursor:pointer}.btn.secondary{background:#eef2ff;color:#3730a3}.btn.danger{background:#fee4e2;color:#b42318}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dce6;border-radius:9px;padding:10px;background:#fff}.field textarea{min-height:120px}.wide{grid-column:1/-1}.alert{padding:12px 14px;border-radius:10px;margin-bottom:18px}.ok{background:#ecfdf3;color:var(--success)}.err{background:#fef3f2;color:var(--danger)}.badge{display:inline-block;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;background:#eef2ff;color:#3730a3}.badge.ok{background:#dcfae6}.badge.err{background:#fee4e2}.badge.warn{background:#fff4cc;color:#7a5b00}.preview{background:#f0f2f5;border-radius:15px;padding:18px;max-width:380px}.rcard{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ddd}.rcard img{width:100%;height:180px;object-fit:cover}.rcard .body{padding:12px}.suggest{display:block;border-top:1px solid #eee;padding:10px;color:#2563eb;text-decoration:none}.kpi{font-size:12px;color:var(--muted)}@media(max-width:900px){.sidebar{width:70px}.sidebar .logo,.sidebar .userbox,nav a:not(.active){font-size:0}.main{margin-left:70px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.form-grid,.grid{grid-template-columns:1fr}.main{padding:16px}}