:root{--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-primary-tint:#eeedfe;--color-bg:#f6f7fb;--color-surface:#ffffff;--color-border:#e7e8ee;--color-text:#14151a;--color-text-secondary:#8a8a93;--color-success:#059669;--color-danger:#e11d48;--color-hover:rgba(20,21,26,0.045);--shadow-xs:0 1px 2px rgba(16,24,40,0.04);--shadow-sm:0 2px 6px rgba(16,24,40,0.06);--shadow-md:0 8px 24px rgba(16,24,40,0.08);--shadow-lg:0 20px 48px rgba(16,24,40,0.14);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--ease:cubic-bezier(0.4,0,0.2,1);--sidebar-width:248px}:root[data-theme=dark]{--color-primary:#6366f1;--color-primary-dark:#818cf8;--color-primary-tint:rgba(99,102,241,0.16);--color-bg:#0e0e13;--color-surface:#17171f;--color-border:#2a2a35;--color-text:#f1f1f5;--color-text-secondary:#93939f;--color-success:#10b981;--color-danger:#f43f5e;--color-hover:rgba(255,255,255,0.06);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 2px 8px rgba(0,0,0,0.35);--shadow-md:0 8px 28px rgba(0,0,0,0.4);--shadow-lg:0 20px 56px rgba(0,0,0,0.5)}*{box-sizing:border-box}body{transition:background var(--ease) .2s,color var(--ease) .2s}body,html{padding:0;margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font-family:inherit}button{transition:background var(--ease) .15s,border-color var(--ease) .15s,transform var(--ease) .12s,box-shadow var(--ease) .15s}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.55;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}@keyframes spin{to{transform:rotate(1turn)}}.admin-animate-in{animation:fadeInUp .32s var(--ease) both}.admin-skeleton{background:linear-gradient(90deg,#edeef3 25%,#f6f7fb 37%,#edeef3 63%);background-size:600px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.admin-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:40;transform:translateX(-100%);transition:transform .26s var(--ease)}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:22px 22px 18px}.admin-sidebar-logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--color-primary),#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:var(--shadow-sm)}.admin-sidebar-brand-text{font-size:15.5px;font-weight:800;color:var(--color-text);letter-spacing:-.2px}.admin-sidebar-brand-sub{font-size:11px;color:var(--color-text-secondary);font-weight:600}.admin-nav{flex:1 1;padding:6px 14px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.admin-nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13.5px;font-weight:600;transition:background var(--ease) .15s,color var(--ease) .15s,padding-left var(--ease) .15s}.admin-nav-item:hover{background:var(--color-hover);color:var(--color-text)}.admin-nav-item.active{background:var(--color-primary-tint);color:var(--color-primary);padding-left:16px}.admin-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:3px;background:var(--color-primary);animation:fadeIn .2s var(--ease)}.admin-nav-item svg{flex-shrink:0;transition:transform var(--ease) .15s}.admin-nav-item:hover svg{transform:translateX(1px)}.admin-sidebar-footer{border-top:1px solid var(--color-border);padding:14px;display:flex;align-items:center;gap:10px}.admin-avatar{width:34px;height:34px;border-radius:50%;background:var(--color-primary-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.admin-sidebar-footer-name{font-size:12.5px;font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar-footer-role{font-size:11px;color:var(--color-text-secondary);text-transform:capitalize}.admin-logout-btn{margin-left:auto;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0}.admin-logout-btn:hover{background:rgba(225,29,72,.1);border-color:var(--color-danger);color:var(--color-danger)}.admin-topbar{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:30;align-items:center;gap:12px;padding:10px 20px;background:color-mix(in srgb,var(--color-surface) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.admin-topbar-btn{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:background var(--ease) .15s,border-color var(--ease) .15s,color var(--ease) .15s}.admin-topbar-btn:hover{background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.admin-topbar-spacer{flex:1 1}.admin-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(6,6,10,.5);z-index:35;animation:fadeIn .2s var(--ease)}.admin-drawer-backdrop.open{display:block}.admin-content-area{flex:1 1;margin-left:0;min-width:0;transition:margin-left .26s var(--ease)}.admin-content-area.sidebar-open{margin-left:var(--sidebar-width)}.admin-main{max-width:1180px;margin:0 auto;padding:32px 28px 60px;display:flex;flex-direction:column;gap:22px}.admin-page-title{font-size:22px;font-weight:800;color:var(--color-text);letter-spacing:-.3px;margin:0}.admin-page-subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.admin-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--ease) .2s}.admin-card:hover{box-shadow:var(--shadow-sm)}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.admin-charts-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:16px;gap:16px}.admin-table-wrap{overflow-x:auto}.admin-table-wrap table{min-width:640px;width:100%;border-collapse:collapse}.admin-table-wrap th{text-align:left;font-size:11px;color:var(--color-text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:12px 14px;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table-wrap tbody tr{transition:background var(--ease) .15s}.admin-table-wrap tbody tr:hover{background:var(--color-hover)}.admin-table-wrap td{font-size:13px;color:var(--color-text);padding:13px 14px;border-bottom:1px solid #f1f1f5;vertical-align:middle}.admin-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:capitalize;transition:transform var(--ease) .15s}.admin-vendors-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.admin-filter-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all var(--ease) .15s}.admin-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(79,70,229,.3)}.admin-btn{border:none;border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:700;cursor:pointer}.admin-btn-success{background:var(--color-success);color:#fff}.admin-btn-success:hover:not(:disabled){background:#047857;box-shadow:0 4px 10px rgba(5,150,105,.3)}.admin-btn-danger{background:var(--color-surface);color:var(--color-danger);border:1px solid var(--color-danger)}.admin-btn-danger:hover:not(:disabled){background:rgba(225,29,72,.1)}.admin-btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:13px 16px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--ease) .15s,box-shadow var(--ease) .15s,transform var(--ease) .12s}.admin-btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 8px 20px rgba(79,70,229,.35)}.admin-input{border:1px solid var(--color-border);border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:var(--color-surface);color:var(--color-text);transition:border-color var(--ease) .15s,box-shadow var(--ease) .15s}.admin-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}@media (min-width:901px){.admin-drawer-backdrop{display:none!important}}@media (max-width:900px){.admin-sidebar.open{box-shadow:var(--shadow-lg)}.admin-content-area.sidebar-open{margin-left:0}.admin-main{padding:20px 16px 40px;gap:16px}.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-charts-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-summary-grid{grid-template-columns:1fr}}