:root{
    --dark:#111827;
    --muted:#6b7280;
    --soft:#f4f6fb;
    --card:#ffffff;
    --accent:#6d5dfc;
    --accent-2:#19c37d;
    --line:#e7eaf3;
}
*{box-sizing:border-box}
body.admin-body{margin:0;background:linear-gradient(135deg,#f7f8fc 0%,#eef2ff 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark)}
.admin-shell{display:flex;min-height:100vh}
.admin-sidebar{width:280px;background:#101828;color:#fff;position:fixed;inset:0 auto 0 0;padding:22px;z-index:1030;overflow-y:auto;box-shadow:20px 0 50px rgba(16,24,40,.12)}
.brand-box{display:flex;gap:12px;align-items:center;margin-bottom:22px}
.brand-icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#7667ff,#24d18d);font-size:22px}
.brand-title{font-weight:800;font-size:18px;letter-spacing:.2px}.brand-subtitle{font-size:12px;color:#aab4c8}
.user-mini{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.05);margin-bottom:18px}
.user-mini img{width:44px;height:44px;border-radius:16px;object-fit:cover;background:#fff}.user-mini strong{display:block;font-size:14px}.user-mini span{font-size:12px;color:#aab4c8}
.side-menu{display:flex;flex-direction:column;gap:8px}.side-menu a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#d8deea;padding:12px 14px;border-radius:15px;font-weight:650;transition:.2s}.side-menu a i{font-size:18px}.side-menu a:hover,.side-menu a.active{background:#fff;color:#111827;box-shadow:0 14px 26px rgba(0,0,0,.16)}.side-menu a.logout{margin-top:12px;color:#ffd2d2}.side-menu a.logout:hover{color:#b42318;background:#fff}
.admin-main{margin-left:280px;width:calc(100% - 280px);min-height:100vh}.admin-topbar{display:flex;align-items:center;gap:16px;padding:28px 32px 16px}.admin-topbar h1{font-size:28px;font-weight:850;margin:0}.admin-topbar p{margin:4px 0 0;color:var(--muted)}.content-wrap{padding:0 32px 32px}.soft-card{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 55px rgba(17,24,39,.08);backdrop-filter:blur(10px)}.soft-card .card-header{background:transparent;border-bottom:1px solid var(--line);padding:20px 22px;font-weight:800}.soft-card .card-body{padding:22px}
.stat-card{border:0;border-radius:24px;background:#fff;box-shadow:0 15px 40px rgba(17,24,39,.07);padding:22px;height:100%}.stat-card .icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#eef2ff;color:#5b4cff;font-size:22px;margin-bottom:14px}.stat-card span{font-size:13px;color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:28px;line-height:1.1;margin-top:4px}.table-modern{vertical-align:middle}.table-modern thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#667085;background:#f8fafc;border-bottom:1px solid var(--line);white-space:nowrap}.table-modern td{border-color:#edf0f7}.product-thumb{width:62px;height:62px;border-radius:16px;object-fit:cover;background:#f2f4f7;border:1px solid #eaecf0}.badge-soft{background:#eef2ff;color:#4f46e5;border-radius:999px;padding:.45rem .7rem}.btn-premium{border:0;background:linear-gradient(135deg,#6d5dfc,#14b87c);color:#fff;border-radius:14px;font-weight:800;padding:.75rem 1rem;box-shadow:0 12px 25px rgba(109,93,252,.25)}.btn-premium:hover{color:#fff;filter:brightness(.98)}.btn-light-soft{background:#f8fafc;border:1px solid #e6eaf2;border-radius:13px;font-weight:700}.form-control,.form-select{border-radius:14px;border-color:#d9deea;padding:.72rem .9rem}.form-label{font-weight:750;color:#344054}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.photo-item{position:relative;border:1px solid #e6eaf2;border-radius:18px;padding:8px;background:#fff}.photo-item img{width:100%;height:95px;object-fit:cover;border-radius:14px}.photo-item label{font-size:12px;margin-top:6px}.modal-content{border:0;border-radius:24px}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.action-buttons .btn{border-radius:12px;font-weight:700}.small-muted{font-size:12px;color:#667085}.password-note{font-size:12px;color:#667085;margin-top:6px}
@media (max-width: 991.98px){.admin-sidebar{transform:translateX(-110%);transition:.25s}.sidebar-open .admin-sidebar{transform:translateX(0)}.admin-main{margin-left:0;width:100%}.admin-topbar{padding:20px 18px 10px}.content-wrap{padding:0 18px 24px}.admin-topbar h1{font-size:24px}.table-responsive{border-radius:20px}}