:root{
  --admin-bg:#0b1120;
  --admin-surface:#0f172a;
  --admin-surface-2:#111c34;
  --admin-card:#ffffff;
  --admin-text:#0f172a;
  --admin-muted:#64748b;
  --admin-border:rgba(148,163,184,.18);
  --admin-primary:#4f46e5;
  --admin-primary-2:#7c3aed;
  --admin-success:#10b981;
  --admin-danger:#ef4444;
  --admin-warning:#f59e0b;
  --sidebar-width:280px;
}
*{box-sizing:border-box}
body.admin-body{margin:0;background:linear-gradient(180deg,#eef2ff 0%,#f8fafc 35%,#eef2ff 100%);color:var(--admin-text);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.admin-layout{display:flex;min-height:100vh}
.admin-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--admin-bg),#111827 65%,#0f172a);color:#fff;padding:24px 18px;position:fixed;top:0;left:0;bottom:0;overflow:auto;z-index:1045;box-shadow:24px 0 60px rgba(2,6,23,.24)}
.admin-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.admin-brand-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-2));box-shadow:0 12px 25px rgba(79,70,229,.35)}
.admin-brand small{display:block;color:rgba(255,255,255,.65);font-size:.76rem}
.admin-profile{padding:14px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.admin-profile .avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#22c55e,#06b6d4);display:flex;align-items:center;justify-content:center;font-weight:700}
.admin-profile .meta{font-size:.86rem;color:rgba(255,255,255,.75)}
.admin-nav-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.42);padding:8px 12px 6px}
.admin-nav{display:grid;gap:8px}
.admin-nav a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.82);text-decoration:none;padding:13px 14px;border-radius:16px;border:1px solid transparent;transition:.22s ease;background:transparent}
.admin-nav a i{width:20px;text-align:center}
.admin-nav a:hover,.admin-nav a.active{background:linear-gradient(135deg,rgba(79,70,229,.28),rgba(124,58,237,.22));border-color:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}
.admin-sidebar-actions{display:grid;gap:10px;margin-top:18px}
.admin-sidebar-actions a{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:12px 14px;border-radius:16px;font-weight:600}
.admin-btn-light{background:#fff;color:#0f172a}
.admin-btn-outline{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.12)}
.admin-main{flex:1;min-width:0;margin-left:var(--sidebar-width);padding:28px}
.admin-mobile-topbar{display:none;position:sticky;top:0;z-index:1030;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:20px;background:rgba(15,23,42,.94);color:#fff;backdrop-filter:blur(14px);margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.22)}
.admin-mobile-toggle{border:none;background:rgba(255,255,255,.12);color:#fff;width:42px;height:42px;border-radius:14px}
.admin-overlay{display:none;position:fixed;inset:0;background:rgba(2,6,23,.55);z-index:1040}
.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:28px;background:linear-gradient(135deg,#1d4ed8,#7c3aed 70%,#0f172a);color:#fff;box-shadow:0 22px 60px rgba(79,70,229,.28);margin-bottom:24px}
.admin-hero h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}
.admin-hero p{margin:8px 0 0;color:rgba(255,255,255,.8)}
.admin-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-size:.85rem}
.admin-card{border:none;border-radius:24px;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(10px);box-shadow:0 18px 46px rgba(15,23,42,.08);padding:24px}
.admin-card-glass{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.84))!important}
.admin-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.admin-stat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:132px;padding:22px 22px 20px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 44px rgba(15,23,42,.08)}
.admin-stat-card::before{content:"";position:absolute;inset:auto -24px -30px auto;width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,rgba(79,70,229,.14),rgba(124,58,237,.08));transform:rotate(18deg)}
.admin-stat-card::after{content:"";position:absolute;left:22px;top:18px;width:42px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--admin-primary),var(--admin-primary-2));opacity:.9}
.admin-stat-card > span,.admin-stat-card > small{display:block;position:relative;z-index:1;margin:0;color:var(--admin-muted);font-size:.9rem;font-weight:700;letter-spacing:.02em;line-height:1.45}
.admin-stat-card > strong{display:block;position:relative;z-index:1;margin:0;color:#0f172a;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.05;font-weight:900;letter-spacing:-.03em}
.admin-stat-card > .admin-stat-meta{display:block;position:relative;z-index:1;color:#6366f1;font-size:.86rem;font-weight:700}
.admin-stat{position:relative;overflow:hidden}
.admin-stat:before{content:"";position:absolute;right:-20px;top:-20px;width:96px;height:96px;border-radius:22px;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(124,58,237,.1))}
.admin-stat .label{font-size:.86rem;color:var(--admin-muted);margin-bottom:10px}
.admin-stat .value{font-size:2rem;font-weight:800;line-height:1}
.admin-stat .mini{margin-top:10px;color:var(--admin-primary);font-weight:600;font-size:.9rem}
.admin-card h4,.admin-card h5{font-weight:800;margin-bottom:18px}
.admin-table{--bs-table-bg:transparent;--bs-table-striped-bg:rgba(79,70,229,.03)}
.admin-table thead th{font-size:.82rem;letter-spacing:.04em;color:#64748b;border-bottom-color:#e2e8f0;text-transform:uppercase}
.admin-table td{vertical-align:middle;border-bottom-color:#eef2ff}
.form-control,.form-select{border-radius:16px;border:1px solid #dbe4f0;padding:.9rem 1rem;box-shadow:none}
.form-control:focus,.form-select:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(129,140,248,.12)}
.form-label{font-size:.9rem;font-weight:700;color:#334155;margin-bottom:.45rem}
.btn{border-radius:14px;font-weight:700;padding:.78rem 1rem}
.btn-primary{background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-2));border:none;box-shadow:0 12px 28px rgba(79,70,229,.22)}
.btn-dark{background:#0f172a;border-color:#0f172a}
.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#111827}
.btn-danger{background:#ef4444;border-color:#ef4444}
.btn-success{background:#10b981;border-color:#10b981}
.btn-outline-secondary{border-color:#cbd5e1;color:#334155}
.alert{border:none;border-radius:18px;padding:15px 18px}
.admin-thumb{width:98px;height:68px;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 10px 22px rgba(15,23,42,.08)}
.gallery-item{position:relative;display:inline-block;margin:0 10px 10px 0}
.gallery-actions{position:absolute;top:8px;right:8px}
.status-dot{display:inline-flex;align-items:center;gap:8px}.status-dot:before{content:"";width:10px;height:10px;border-radius:50%;background:#10b981;display:inline-block}.status-dot.muted:before{background:#94a3b8}.status-dot.warn:before{background:#f59e0b}
.login-shell{min-height:100vh;background:radial-gradient(circle at top left,#4338ca 0%,#0f172a 48%,#020617 100%);padding:24px;display:flex;align-items:center;justify-content:center}
.login-grid{width:min(1120px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:34px;overflow:hidden;backdrop-filter:blur(18px);box-shadow:0 30px 70px rgba(2,6,23,.38)}
.login-aside{padding:42px;color:#fff;background:linear-gradient(135deg,rgba(79,70,229,.3),rgba(6,182,212,.16));position:relative}
.login-aside h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.05;margin-bottom:16px}
.login-badges{display:grid;gap:12px;margin-top:22px}.login-badge{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.login-card{background:#fff;padding:42px}
.login-card h2{font-weight:900;margin-bottom:8px}.login-card p{color:#64748b;margin-bottom:24px}
.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.quick-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.quick-grid > *{grid-column:span 12}
@media(min-width:768px){.quick-grid .col-3{grid-column:span 3}.quick-grid .col-4{grid-column:span 4}.quick-grid .col-6{grid-column:span 6}}
@media(max-width:767.98px){.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{min-height:auto;padding:18px 18px 16px}}
@media(max-width:991.98px){
  .admin-sidebar{transform:translateX(-100%);transition:transform .25s ease}
  .admin-sidebar.open{transform:translateX(0)}
  .admin-main{margin-left:0;padding:18px}
  .admin-mobile-topbar{display:flex}
  .admin-overlay.show{display:block}
  .login-grid{grid-template-columns:1fr}
  .login-aside{display:none}
}

.admin-utility-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.admin-utility-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-weight:700}
.admin-utility-btn .admin-badge,.admin-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.75rem;margin-left:auto}
.admin-nav a{position:relative}
.admin-nav-badge{position:static;margin-left:auto}
.admin-notify-drawer{position:fixed;right:24px;top:24px;width:min(360px,calc(100vw - 24px));padding:18px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid #e2e8f0;box-shadow:0 24px 60px rgba(15,23,42,.18);z-index:1060;transform:translateY(-10px);opacity:0;pointer-events:none;transition:.22s ease}
.admin-notify-drawer.show{transform:translateY(0);opacity:1;pointer-events:auto}
.admin-notify-item{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:12px 0;border-top:1px solid #eef2ff;color:inherit}.admin-notify-item:first-of-type{border-top:none;padding-top:0}
.admin-notify-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;margin-top:7px}.admin-notify-dot.read{background:#cbd5e1}
.admin-chart-card canvas{width:100%!important;max-height:320px}
.admin-empty{padding:18px;border-radius:18px;background:rgba(79,70,229,.04);color:#475569}
.metric-trend{display:flex;align-items:center;gap:10px;color:#10b981;font-weight:700;font-size:.9rem}
.metric-trend.down{color:#f59e0b}
body.admin-theme-dark{background:linear-gradient(180deg,#020617 0%,#0f172a 42%,#020617 100%);color:#e5eefb}
body.admin-theme-dark .admin-main{color:#e5eefb}
body.admin-theme-dark .admin-stat-card{background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(15,23,42,.82));border-color:#334155;box-shadow:0 20px 48px rgba(2,6,23,.28)}
body.admin-theme-dark .admin-stat-card > span,body.admin-theme-dark .admin-stat-card > small{color:#94a3b8}
body.admin-theme-dark .admin-stat-card > strong{color:#f8fafc}
body.admin-theme-dark .admin-stat-card > .admin-stat-meta{color:#a5b4fc}
body.admin-theme-dark .admin-card,body.admin-theme-dark .admin-card-glass,body.admin-theme-dark .admin-notify-drawer{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.84))!important;border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 45px rgba(2,6,23,.35)}
body.admin-theme-dark .form-control,body.admin-theme-dark .form-select{background:#0b1120;color:#e5eefb;border-color:#243041}
body.admin-theme-dark .form-control::placeholder{color:#7f8ea3}
body.admin-theme-dark .table,body.admin-theme-dark .table td,body.admin-theme-dark .table th,body.admin-theme-dark .admin-card h4,body.admin-theme-dark .admin-card h5,body.admin-theme-dark .admin-card h6,body.admin-theme-dark .admin-card strong{color:#e5eefb}
body.admin-theme-dark .admin-table thead th,body.admin-theme-dark .text-muted,body.admin-theme-dark .admin-stat .label{color:#94a3b8!important}
body.admin-theme-dark .btn-outline-secondary{border-color:#334155;color:#e2e8f0}
body.admin-theme-dark .alert-info{background:#10243c;color:#dbeafe}
body.admin-theme-dark .alert-success{background:#052e2b;color:#d1fae5}
body.admin-theme-dark .admin-empty{background:rgba(129,140,248,.08);color:#cbd5e1}
body.admin-theme-dark .admin-notify-item{border-top-color:#1e293b}
body.admin-theme-dark .table-striped>tbody>tr:nth-of-type(odd)>*{color:inherit;background-color:rgba(255,255,255,.02)}
body.admin-theme-dark .admin-mobile-topbar{background:rgba(2,6,23,.94)}
@media(max-width:991.98px){.admin-notify-drawer{right:12px;left:12px;top:72px;width:auto}.admin-utility-row{grid-template-columns:1fr}}


.admin-nav-group{display:flex;flex-direction:column;gap:.45rem;}
.admin-nav-parent{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:none;background:transparent;color:rgba(255,255,255,.78);padding:.95rem 1rem;border-radius:18px;font-weight:600;text-align:left;transition:.25s ease;}
.admin-nav-parent:hover,.admin-nav-parent.active{background:rgba(255,255,255,.08);color:#fff;}
.admin-nav-parent-main{display:flex;align-items:center;gap:.9rem;}
.admin-nav-arrow{transition:transform .25s ease;opacity:.85;}
.admin-nav-group.open .admin-nav-arrow{transform:rotate(180deg);}
.admin-subnav{display:none;flex-direction:column;gap:.4rem;padding-left:.75rem;}
.admin-nav-group.open .admin-subnav{display:flex;}
.admin-subnav a{display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;border-radius:14px;color:rgba(255,255,255,.72);text-decoration:none;font-size:.95rem;}
.admin-subnav a:hover,.admin-subnav a.active{background:rgba(255,255,255,.08);color:#fff;}

.admin-topbar{position:fixed;top:18px;right:24px;left:calc(var(--sidebar-width) + 24px);z-index:1040;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 48px rgba(15,23,42,.08)}
.admin-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.admin-topbar-branding{display:flex;flex-direction:column;min-width:0}
.admin-topbar-user{font-weight:800;font-size:1rem;color:#0f172a;text-transform:capitalize}
.admin-topbar-sub{font-size:.86rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.admin-topbar-chip{display:inline-flex;align-items:center;gap:10px;border:none;background:#fff;color:#0f172a;padding:10px 14px;border-radius:999px;font-weight:700;box-shadow:0 8px 24px rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.18)}
.admin-topbar-chip i{color:var(--admin-primary)}
.admin-topbar-static{cursor:default}
.admin-main{padding-top:110px!important}
@media(max-width:991.98px){.admin-topbar{display:none}.admin-main{padding-top:0!important}}
body.admin-theme-dark .admin-topbar{background:rgba(15,23,42,.84);border-color:#334155;box-shadow:0 18px 48px rgba(2,6,23,.35)}
body.admin-theme-dark .admin-topbar-user{color:#e5eefb}
body.admin-theme-dark .admin-topbar-sub{color:#94a3b8}
body.admin-theme-dark .admin-topbar-chip{background:#0f172a;color:#e5eefb;border-color:#334155;box-shadow:none}

.admin-brand-image-wrap{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.admin-brand-image{width:100%;height:100%;object-fit:contain;background:#fff}
.admin-brand-logo-only{justify-content:center;padding:14px 12px}.admin-brand-logo-only .admin-brand-image-wrap{width:min(100%,180px);height:72px;background:#fff}.admin-brand-logo-only .admin-brand-image{background:transparent;max-width:100%;padding:8px}.admin-brand-logo-only .admin-brand-icon{width:56px;height:56px}
.form-control-color{padding:.35rem .5rem;height:52px}


.slider-sort-list{display:grid;gap:14px}.slider-sort-item{display:grid;grid-template-columns:34px 120px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid #e2e8f0;border-radius:20px;background:rgba(255,255,255,.82)}.slider-sort-handle{cursor:grab;color:#64748b;text-align:center}.slider-sort-thumb{width:120px;height:72px;border-radius:16px;overflow:hidden;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#64748b}.slider-sort-thumb img{width:100%;height:100%;object-fit:cover}.slider-sort-content strong{font-size:1rem}.slider-sort-desc{color:#475569;line-height:1.5}.slider-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.slider-preview-card{border:1px solid #e2e8f0;border-radius:18px;padding:12px;background:#fff}.slider-preview-card small{display:block;color:#64748b;margin-bottom:8px}.slider-preview-card img{width:100%;height:160px;object-fit:cover;border-radius:14px}.admin-table thead th{font-size:.85rem;color:#64748b;font-weight:700;border-bottom-color:#e2e8f0}.admin-table tbody td{vertical-align:middle}@media(max-width:991.98px){.slider-sort-item{grid-template-columns:28px 1fr;grid-template-areas:"handle thumb" "content content" "actions actions"}.slider-sort-handle{grid-area:handle}.slider-sort-thumb{grid-area:thumb;width:100%;height:160px}.slider-sort-content{grid-area:content}.slider-sort-actions{grid-area:actions;justify-content:flex-start}.slider-preview-grid{grid-template-columns:1fr}}body.admin-theme-dark .slider-sort-item,body.admin-theme-dark .slider-preview-card{background:rgba(15,23,42,.86);border-color:#334155}body.admin-theme-dark .slider-sort-desc{color:#cbd5e1}body.admin-theme-dark .slider-sort-thumb{background:#0f172a;color:#94a3b8}body.admin-theme-dark .admin-table thead th{color:#94a3b8;border-bottom-color:#334155}


.slider-form-shell{position:sticky;top:120px;}
.slider-manager-intro{border:1px dashed rgba(129,140,248,.26);}
.slider-inline-hint{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(79,70,229,.06);color:#4338ca;font-weight:600;}
.slider-sort-item{transition:transform .2s ease, box-shadow .2s ease,border-color .2s ease;}
.slider-sort-item:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08);border-color:rgba(79,70,229,.26);}
.slider-sort-content strong{font-size:1.05rem;}
.slider-sort-actions .btn{border-radius:12px;font-weight:700;}
@media(max-width:1199px){.slider-form-shell{position:static;top:auto;}}
body.admin-theme-dark .slider-inline-hint{background:rgba(129,140,248,.1);color:#c7d2fe;}
body.admin-theme-dark .slider-manager-intro{border-color:rgba(129,140,248,.22);}

.menu-manager-intro{border:1px dashed rgba(59,130,246,.22)}
.menu-inline-hint{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(59,130,246,.08);color:#1d4ed8;font-weight:600}
.menu-builder-root{display:block}
.menu-sort-list{list-style:none;margin:0;padding:0 0 0 26px;display:grid;gap:12px}
.menu-builder-root>.menu-sort-list{padding-left:0}
.menu-sort-node{list-style:none}
.menu-sort-card{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e2e8f0;border-radius:18px;background:rgba(255,255,255,.88);transition:transform .2s ease, box-shadow .2s ease,border-color .2s ease}
.menu-sort-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08);border-color:rgba(59,130,246,.28)}
.menu-sort-handle{cursor:grab;color:#64748b;text-align:center;font-size:1.1rem}
.menu-sort-dropzone{min-height:18px;margin-top:10px;border-left:2px dashed rgba(148,163,184,.35)}
.sortable-ghost>.menu-sort-card{opacity:.55;border-style:dashed}
.sortable-drag>.menu-sort-card{box-shadow:0 20px 40px rgba(15,23,42,.18)}
@media(max-width:991.98px){.menu-sort-card{grid-template-columns:32px 1fr;grid-template-areas:'handle content' 'actions actions'}.menu-sort-handle{grid-area:handle}.menu-sort-content{grid-area:content}.menu-sort-actions{grid-area:actions;justify-content:flex-start}.menu-sort-list{padding-left:16px}}
body.admin-theme-dark .menu-sort-card{background:rgba(15,23,42,.88);border-color:#334155}
body.admin-theme-dark .menu-inline-hint{background:rgba(96,165,250,.12);color:#bfdbfe}
body.admin-theme-dark .menu-manager-intro{border-color:rgba(96,165,250,.24)}
body.admin-theme-dark .menu-sort-dropzone{border-left-color:rgba(71,85,105,.85)}

.sticky-preview-stage{padding:12px 0 4px;}
.sticky-preview-label{font-size:.86rem;color:#6b7280;margin-bottom:10px;}
.sticky-preview-box{position:relative;min-height:280px;border:1px dashed rgba(148,163,184,.5);border-radius:24px;background:linear-gradient(180deg,#f8fafc,#eef2f7);overflow:hidden;}
.sticky-preview-buttons{position:absolute;display:flex;flex-direction:column;align-items:flex-end;}
.sticky-preview-btn{display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.16);}
.sticky-preview-left{align-items:flex-start;}

.customer-admin-preview{min-height:100%}
.customer-admin-preview-head{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#4361ee,#23395d);color:#fff;margin-bottom:16px}
.preview-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);font-weight:900;font-size:1.3rem}
.customer-admin-preview-body{display:grid;gap:14px}
.preview-line{height:16px;border-radius:999px;background:linear-gradient(90deg,rgba(67,97,238,.16),rgba(35,57,93,.08))}
.preview-card-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preview-card,.preview-table{border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);min-height:120px}
.preview-table{min-height:180px}
@media(max-width:767.98px){.preview-card-row{grid-template-columns:1fr}}
body.admin-theme-dark .preview-card,body.admin-theme-dark .preview-table{background:rgba(15,23,42,.84);border-color:#334155}


/* integrated vertical dropdown menu theme */
.admin-sidebar{padding:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);box-shadow:2px 0 10px rgba(0,0,0,.14)}
.admin-sidebar-head{padding:25px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}
.admin-menu-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 14px 18px}
.admin-menu-container::-webkit-scrollbar{width:5px}
.admin-menu-container::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}
.admin-menu-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:5px}
.admin-brand{background:transparent;border:none;margin-bottom:0;padding:0;box-shadow:none}
.admin-brand-logo-only{justify-content:flex-start}
.admin-brand-logo-only .admin-brand-image-wrap{width:min(100%,190px);height:78px;border-radius:14px;background:#fff;border:1px solid rgba(255,255,255,.12)}
.admin-brand-logo-only .admin-brand-icon{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2)}
.admin-nav-label{padding:8px 6px 12px;color:rgba(255,255,255,.45);font-size:.72rem;letter-spacing:.18em}
.admin-nav{display:grid;gap:6px}
.admin-nav > a,.admin-nav-parent{position:relative;display:flex;align-items:center;padding:12px 16px 12px 18px;border-radius:0 14px 14px 0;border-left:3px solid transparent;background:transparent;color:#e0e0e0;box-shadow:none;transform:none}
.admin-nav > a:hover,.admin-nav > a.active,.admin-nav-parent:hover,.admin-nav-parent.active{background:rgba(255,255,255,.08);color:#fff;border-left-color:#667eea;transform:none}
.admin-nav > a i,.admin-nav-parent-main i{width:20px;text-align:center;font-size:1rem}
.admin-nav-group{gap:0}
.admin-nav-parent{border:none;border-radius:0 14px 14px 0;font-weight:600}
.admin-nav-parent-main{gap:12px}
.admin-nav-arrow{font-size:12px;opacity:.8}
.admin-subnav{display:none;gap:0;background:rgba(0,0,0,.22);margin:0 0 8px 0;border-radius:0 0 12px 12px;overflow:hidden;padding:4px 0}
.admin-nav-group.open .admin-subnav{display:block}
.admin-subnav a{padding:11px 16px 11px 50px;border-radius:0;color:#d5d9e4;font-size:.84rem;border-left:3px solid transparent}
.admin-subnav a:hover,.admin-subnav a.active{background:rgba(102,126,234,.16);color:#fff;border-left-color:#667eea}
.admin-sidebar-actions{margin-top:10px}
.admin-btn-outline{justify-content:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 18px;border-radius:0 14px 14px 0}
.admin-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#b2bdd6;background:rgba(0,0,0,.08)}
.admin-sidebar-footer-sub{margin-top:5px;color:#8893ad}
.admin-nav-badge{background:#ef4444;color:#fff;min-width:24px;height:24px;border-radius:999px;padding:0 7px;margin-left:auto}
@media(max-width:991.98px){.admin-sidebar{left:0;box-shadow:2px 0 18px rgba(0,0,0,.25)}}
body.admin-theme-dark .admin-sidebar{background:linear-gradient(180deg,#0f172a 0%,#111827 100%)}
body.admin-theme-dark .admin-subnav{background:rgba(2,6,23,.5)}
body.admin-theme-dark .admin-nav > a,body.admin-theme-dark .admin-nav-parent{color:#dbe4f6}
body.admin-theme-dark .admin-nav > a:hover,body.admin-theme-dark .admin-nav > a.active,body.admin-theme-dark .admin-nav-parent:hover,body.admin-theme-dark .admin-nav-parent.active{background:rgba(255,255,255,.08);border-left-color:#818cf8}
body.admin-theme-dark .admin-subnav a{color:#cbd5e1}
body.admin-theme-dark .admin-subnav a:hover,body.admin-theme-dark .admin-subnav a.active{background:rgba(129,140,248,.16);border-left-color:#818cf8}


/* menu premium continue */
.admin-sidebar{backdrop-filter:blur(14px);}
.admin-sidebar::before{content:"";position:absolute;inset:0 0 auto 0;height:180px;background:radial-gradient(circle at top left,rgba(102,126,234,.22),transparent 58%),radial-gradient(circle at top right,rgba(118,75,162,.18),transparent 48%);pointer-events:none;opacity:.95}
.admin-sidebar-head,.admin-menu-container,.admin-sidebar-footer{position:relative;z-index:1}
.admin-brand-logo-only .admin-brand-image-wrap{box-shadow:0 14px 34px rgba(15,23,42,.18)}
.admin-nav > a,.admin-nav-parent,.admin-btn-outline{transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease,color .25s ease}
.admin-nav > a:hover,.admin-nav > a.active,.admin-nav-parent:hover,.admin-nav-parent.active,.admin-btn-outline:hover{box-shadow:0 14px 28px rgba(17,24,39,.18)}
.admin-nav > a.active::after,.admin-nav-parent.active::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:999px;background:#8b5cf6;box-shadow:0 0 0 6px rgba(139,92,246,.18),0 0 18px rgba(129,140,248,.7)}
.admin-subnav{animation:adminSubnavFade .28s ease}
@keyframes adminSubnavFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.admin-subnav a{position:relative}
.admin-subnav a.active::before,.admin-subnav a:hover::before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.95}
.admin-topbar{backdrop-filter:blur(16px)}
.admin-sidebar-footer{display:grid;gap:8px}
.admin-sidebar-status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);width:max-content;color:#dbeafe;font-size:.78rem}
.admin-sidebar-status::before{content:"";width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.16)}
@media(max-width:991.98px){
  .admin-sidebar{transform:translateX(-110%);transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}
  .admin-sidebar.is-open{transform:translateX(0);box-shadow:0 24px 54px rgba(2,6,23,.42)}
  .admin-overlay{backdrop-filter:blur(3px);background:rgba(2,6,23,.38)}
}
body.admin-theme-dark .admin-sidebar::before{background:radial-gradient(circle at top left,rgba(129,140,248,.22),transparent 56%),radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 46%)}
body.admin-theme-dark .admin-sidebar-status{background:rgba(255,255,255,.05);color:#e2e8f0}
body.admin-theme-dark .admin-nav > a.active::after,body.admin-theme-dark .admin-nav-parent.active::after{background:#a78bfa;box-shadow:0 0 0 6px rgba(167,139,250,.16),0 0 18px rgba(129,140,248,.72)}


/* admin menu premium continue v2 */
.admin-nav > a,.admin-nav-parent{min-height:52px;border-radius:18px;overflow:hidden}
.admin-nav > a i,.admin-nav-parent-main i{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 20px rgba(2,6,23,.12);
  color:#f8fafc;
}
.admin-nav > a:hover i,.admin-nav > a.active i,
.admin-nav-parent:hover .admin-nav-parent-main i,.admin-nav-parent.active .admin-nav-parent-main i{
  transform:translateY(-1px) scale(1.03);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 28px rgba(2,6,23,.18);
}
.admin-nav > a:nth-of-type(1) i{background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.admin-nav-group:nth-of-type(1) .admin-nav-parent-main i{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.admin-nav-group:nth-of-type(2) .admin-nav-parent-main i{background:linear-gradient(135deg,#8b5cf6,#d946ef)}
.admin-nav-group:nth-of-type(3) .admin-nav-parent-main i{background:linear-gradient(135deg,#f59e0b,#f97316)}
.admin-nav-group:nth-of-type(4) .admin-nav-parent-main i{background:linear-gradient(135deg,#10b981,#06b6d4)}
.admin-nav-group:nth-of-type(5) .admin-nav-parent-main i{background:linear-gradient(135deg,#ec4899,#f43f5e)}
.admin-nav-group:nth-of-type(6) .admin-nav-parent-main i{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}
.admin-nav-group:nth-of-type(7) .admin-nav-parent-main i{background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.admin-nav > a[href="messages.php"] i{background:linear-gradient(135deg,#ef4444,#f97316)}
.admin-nav > a.active,.admin-nav-parent.active{
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
}
.admin-subnav a{padding-left:56px}
.admin-subnav a i{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:8px;margin-right:10px;
  background:rgba(255,255,255,.08);font-size:.8rem;
}
.admin-subnav a:hover i,.admin-subnav a.active i{background:rgba(255,255,255,.16)}
.admin-nav-parent-main span,.admin-nav > a span{letter-spacing:.01em}
body.admin-theme-dark .admin-nav > a,.admin-theme-dark .admin-nav-parent{background:transparent}
body.admin-theme-dark .admin-nav > a.active,body.admin-theme-dark .admin-nav-parent.active{background:linear-gradient(90deg,rgba(129,140,248,.18),rgba(255,255,255,.03))}
body.admin-theme-dark .admin-subnav a i{background:rgba(255,255,255,.06)}

/* compact sidebar rows + top-right logout */
.admin-nav-label{display:none}
.admin-sidebar-actions,.admin-sidebar-footer{display:none}
.admin-topbar-right{gap:10px}
.admin-topbar-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(220,38,38,.22)}
.admin-topbar-logout:hover{background:linear-gradient(135deg,#f05252,#dc2626);color:#fff;transform:translateY(-1px)}
.admin-nav > a,.admin-nav-parent{padding:9px 14px 9px 16px;min-height:40px}
.admin-subnav a{padding:8px 14px 8px 46px;min-height:34px}
.admin-nav{gap:4px}
.admin-subnav{margin:0 0 6px 0;padding:3px 0}
.admin-menu-container{padding:0 12px 14px}
.admin-sidebar-head{padding:20px 18px;margin-bottom:10px}
.admin-brand-logo-only .admin-brand-image-wrap{height:70px}
.admin-nav > a i,.admin-nav-parent-main i{font-size:.95rem}
@media(max-width:991.98px){.admin-topbar-logout{padding-inline:14px}}