*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:linear-gradient(180deg,#172235,#111827);color:#fff;z-index:50;box-shadow:8px 0 30px #0f172a18}.sidebar-brand{height:86px;display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #ffffff12}.brand-mark{width:42px;height:42px;border-radius:12px;background:#fff;color:#172235;display:grid;place-items:center;font-weight:800}.sidebar-brand strong{display:block;font-size:17px}.sidebar-brand small{color:#94a3b8}.collapse-btn{margin-left:auto;border:0;background:#ffffff10;color:#fff;width:30px;height:30px;border-radius:8px}.sidebar-scroll{height:calc(100vh - 86px);overflow-y:auto;padding:12px 10px 24px;scrollbar-width:thin}.side-link,.group-toggle{width:100%;display:flex;align-items:center;gap:11px;color:#cbd5e1;text-decoration:none;padding:11px 13px;border:0;background:transparent;border-radius:9px;text-align:left;font-size:14px;cursor:pointer}.side-link:hover,.side-link.active{background:#ffffff12;color:#fff}.side-link.active{box-shadow:inset 3px 0 #60a5fa}.side-icon{width:20px;text-align:center}.group-toggle b{flex:1;font-weight:600}.group-toggle i{font-style:normal;transition:.2s}.side-group.open .group-toggle i{transform:rotate(180deg)}.group-links{display:none;margin:2px 0 8px 24px;border-left:1px solid #ffffff18;padding-left:7px}.side-group.open .group-links{display:block}.group-links .side-link{padding:9px 11px}.sidebar-bottom{margin-top:12px;border-top:1px solid #ffffff12;padding-top:10px}.admin-main{margin-left:270px;padding:32px;max-width:1600px}h1{font-size:30px;margin:0 0 22px}h2{font-size:20px}.card,.builder-card{background:#fff;padding:24px;border:1px solid #e3e8ef;border-radius:14px;margin-bottom:20px;box-shadow:0 5px 18px #0f172a08}.builder-card h2{margin:0 0 6px}.builder-card .desc{color:#64748b;margin:0 0 20px}.grid,.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{font-weight:650;font-size:13px;color:#334155}input,select,textarea{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}input[type=color]{height:44px;padding:4px}textarea{resize:vertical}button,.button,.btn{background:#1e3a5f;color:#fff;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;display:inline-block;cursor:pointer}.savebar{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7}.secondary{background:#64748b}.danger{background:#b42318}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #e5e7eb;padding:11px;text-align:left}.actions{display:flex;gap:6px}.notice{padding:13px 16px;background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:18px}.builder-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.builder-tabs a{padding:9px 13px;background:#eaf0f7;border-radius:8px;text-decoration:none;color:#334155}.section-badge{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#2563eb;background:#eff6ff;padding:5px 8px;border-radius:999px;margin-bottom:8px}.mobile-menu{display:none}.sidebar-collapsed .admin-sidebar{width:78px}.sidebar-collapsed .admin-main{margin-left:78px}.sidebar-collapsed .sidebar-brand>div:not(.brand-mark),.sidebar-collapsed .group-toggle b,.sidebar-collapsed .group-toggle i,.sidebar-collapsed .side-link span:last-child{display:none}.sidebar-collapsed .group-links{margin-left:0;border:0;padding:0}.sidebar-collapsed .side-group .group-links{display:none}.sidebar-collapsed .side-group.open .group-links{display:block}
@media(max-width:850px){.mobile-menu{display:block;position:fixed;left:12px;top:12px;z-index:70;width:42px;height:42px;padding:0}.admin-sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .admin-sidebar{transform:none}.admin-main{margin-left:0;padding:68px 14px 20px}.grid,.grid2,.grid3{grid-template-columns:1fr}}
