@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand: #6366F1;--brand-dark: #4F46E5;--brand-soft: rgba(99, 102, 241, .12);--accent: #14B8A6;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #0EA5E9;--purple: #8B5CF6;--pink: #EC4899;--bg-page: #EEF1F8;--bg-grad-1: #DDE7FF;--bg-grad-2: #FCEAF7;--bg-grad-3: #E0F4FF;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .88);--surface-soft: rgba(255, 255, 255, .52);--surface-solid: #FFFFFF;--hairline: rgba(15, 23, 42, .08);--hairline-strong: rgba(15, 23, 42, .12);--text: #0F172A;--text-muted: #475569;--text-faint: #94A3B8;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .03);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 24px 48px rgba(15, 23, 42, .12), 0 10px 24px rgba(15, 23, 42, .06);--ring: 0 0 0 4px rgba(99, 102, 241, .18);--sidebar-width: 252px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--ios-blue: var(--brand);--ios-green: var(--success);--ios-orange: var(--warning);--ios-red: var(--danger);--ios-purple: var(--purple);--ios-teal: var(--accent);--ios-pink: var(--pink);--ios-indigo: var(--brand-dark);--ios-yellow: #FACC15;--background: var(--bg-page);--foreground: var(--text);--foreground-secondary: var(--text-muted);--foreground-tertiary: var(--text-faint);--surface-secondary: rgba(255, 255, 255, .42);--separator: var(--hairline);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:radial-gradient(900px 600px at 8% -10%,var(--bg-grad-1) 0%,transparent 60%),radial-gradient(800px 600px at 100% 0%,var(--bg-grad-2) 0%,transparent 55%),radial-gradient(900px 700px at 50% 110%,var(--bg-grad-3) 0%,transparent 60%),var(--bg-page);background-attachment:fixed;color:var(--text);overflow-x:hidden}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:var(--text)}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.25rem}a{text-decoration:none;color:var(--brand);transition:opacity .2s}a:hover{opacity:.85}button{font-family:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;background:transparent}button:disabled{cursor:not-allowed;opacity:.55}.glass{background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--hairline);box-shadow:var(--shadow-sm)}.glass-strong{background:var(--surface-strong);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--hairline);box-shadow:var(--shadow-md)}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;padding:1.25rem .85rem;display:flex;flex-direction:column;z-index:100;background:var(--surface-strong);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-right:1px solid var(--hairline);box-shadow:0 0 30px #0f172a0a}.logo-container{display:flex;align-items:center;gap:.6rem;margin:.25rem .4rem 1.4rem}.logo-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand) 0%,var(--accent) 100%);box-shadow:0 8px 20px #6366f159;color:#fff}.logo-text{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.sidebar-menu{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.62rem .8rem;border-radius:11px;color:var(--text-muted);font-weight:500;font-size:.9rem;width:100%;text-align:left;transition:all .18s ease;position:relative}.sidebar-link:hover{background:var(--surface-soft);color:var(--text)}.sidebar-link.active{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 8px 20px #6366f159}.sidebar-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:.9rem .85rem .3rem}.dashboard-main{flex:1;margin-left:var(--sidebar-width);padding:1.75rem 2rem 2.5rem;min-width:0}.stat-card-white,.feature-card-white,.cart-card-white,.table-container,.card{background:var(--surface-strong);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}.stat-card-white h3{font-size:1.6rem;font-weight:700;color:var(--text)}.stat-card-tinted{background:linear-gradient(140deg,#fffffff2,#ffffffbf);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card-tinted:before{content:"";position:absolute;inset:-40% -10% auto auto;width:160px;height:160px;background:radial-gradient(circle,var(--tint, var(--brand-soft)) 0%,transparent 70%);filter:blur(20px);pointer-events:none}input,textarea,select{width:100%;padding:.7rem .95rem;border-radius:var(--radius-md);border:1px solid var(--hairline-strong);background:var(--surface-strong);font-size:.92rem;color:var(--text);font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--text-faint)}.search-wrapper-dashboard{display:flex;align-items:center;gap:.6rem;background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:.6rem .95rem;border-radius:14px;border:1px solid var(--hairline)}.search-wrapper-dashboard input{background:transparent;border:none;outline:none;padding:0;box-shadow:none;font-size:.92rem}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;padding:.72rem 1.3rem;border-radius:12px;font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 16px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6366f166}.btn-secondary{background:var(--surface-strong);color:var(--text);padding:.72rem 1.3rem;border-radius:12px;font-weight:600;font-size:.92rem;border:1px solid var(--hairline-strong);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#fff;border-color:var(--brand);color:var(--brand-dark)}.btn-ghost{background:transparent;color:var(--text-muted);padding:.55rem .9rem;border-radius:10px;border:1px solid transparent;font-weight:500;font-size:.88rem;display:inline-flex;align-items:center;gap:.4rem}.btn-ghost:hover{background:var(--surface-soft);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;padding:.72rem 1.3rem;border-radius:12px;font-weight:600;font-size:.92rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 6px 16px #ef444440}.btn-danger:hover{background:#dc2626}.table-header-tools{padding:1rem 1.2rem;border-bottom:1px solid var(--hairline);background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.custom-table{width:100%;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;border-collapse:collapse}.custom-table th{padding:.8rem 1.2rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);background:#ffffff80;text-align:left;border-bottom:1px solid var(--hairline)}.custom-table td{padding:.95rem 1.2rem;border-bottom:1px solid var(--hairline);font-size:.9rem;color:var(--text)}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background:#6366f10a}.status-pill{padding:.28rem .7rem;border-radius:8px;font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;text-transform:capitalize;letter-spacing:.02em}.status-pill.green{background:#10b9811f;color:#047857}.status-pill.red{background:#ef44441f;color:#b91c1c}.status-pill.amber{background:#f59e0b24;color:#b45309}.status-pill.blue{background:#0ea5e91f;color:#0369a1}.status-pill.purple{background:#8b5cf61f;color:#6d28d9}.status-pill.teal{background:#14b8a61f;color:#0f766e}.status-pill.gray{background:#64748b24;color:#334155}.modal-overlay{position:fixed;inset:0;background:#0f172a59;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.login-card{background:var(--surface-strong);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);padding:2.4rem;border-radius:24px;border:1px solid var(--hairline);box-shadow:var(--shadow-lg);width:100%;max-width:420px}.section-header-dashboard{margin-bottom:1.4rem}.section-header-dashboard h1,.section-header-dashboard h2{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:.25rem}.section-header-dashboard p{color:var(--text-muted);font-size:.95rem}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:.35rem}.text-primary{color:var(--brand)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.bg-gray-50{background:#ffffff8c}.cursor-pointer{cursor:pointer}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.w-full{width:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-\[1000\]{z-index:1000}.text-sm{font-size:.875rem}.grid-cols-1{grid-template-columns:1fr}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#0f172a52;border:2px solid transparent;background-clip:padding-box}@media(max-width:1100px){:root{--sidebar-width: 76px}.sidebar-link{justify-content:center;padding:.7rem}.sidebar-link span,.sidebar-link .sidebar-link-label,.sidebar-section-label,.sidebar-user-info,.logo-text{display:none}}@media(max-width:768px){.sidebar{display:none}.dashboard-main{margin-left:0;padding:1rem 1rem 5.5rem}.mobile-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:68px;background:var(--surface-strong);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-top:1px solid var(--hairline);z-index:1000;padding:0 .75rem;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-faint);border:none;background:transparent;font-size:.65rem;font-weight:600;padding:6px 10px;border-radius:10px;transition:all .2s}.mobile-nav-item.active{color:var(--brand);background:var(--brand-soft)}.mobile-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;padding-top:.5rem}.mobile-action-card{background:var(--surface-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--hairline);border-radius:20px;padding:1.3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;box-shadow:var(--shadow-sm);transition:transform .12s}.mobile-action-card:active{transform:scale(.96)}.mobile-icon-box{width:56px;height:56px;border-radius:16px;display:grid;place-items:center}.mobile-action-label{font-weight:700;font-size:.82rem;color:var(--text)}h1{font-size:1.75rem!important}}.mobile-nav{display:none}.contact-link:hover{color:var(--brand)!important;background:var(--brand-soft)}.dashboard-content{width:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .35s cubic-bezier(.16,1,.3,1) both}