@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f7f8fa;--bg-secondary: #f3f4f6;--bg-tertiary: #f9fafb;--surface: #ffffff;--surface-hover: #f9fafb;--panel-bg: rgba(255, 255, 255, .8);--panel-border: rgba(255, 255, 255, .4);--border-color: #e5e7eb;--border-light: #f3f4f6;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #4b5563;--text-muted: #6b7280;--text-faint: #9ca3af;--text-ghost: #d1d5db;--btn-dark: #111827;--btn-dark-hover: #1f2937;--accent: #e03653;--accent-hover: #c82e48;--danger: #ef4444;--danger-dark: #dc2626;--danger-darkest: #b91c1c;--success: #10b981;--success-dark: #059669;--warning: #d97706;--info: #3b82f6;--purple: #8b5cf6;--purple-dark: #7c3aed;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--modal-overlay: rgba(17, 24, 39, .4);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--font-main: "Space Grotesk", system-ui, sans-serif;--font-title: "Space Grotesk", sans-serif;--app-bg: #ffffff;--sidebar-bg: #ffffff;--sidebar-text: #1a1a1a;--sidebar-sub-text: #666666;--sidebar-faint: #999999;--sidebar-hover-bg: rgba(0,0,0,.04);--sidebar-icon: #666666;--sidebar-active-text: #e03653}html[data-theme=dark]{--bg-color: #0d1017;--bg-secondary: #161a22;--bg-tertiary: #1a1f28;--surface: #1e232d;--surface-hover: #252b36;--panel-bg: rgba(30, 35, 45, .85);--panel-border: rgba(255, 255, 255, .06);--border-color: #2a3040;--border-light: #1e232d;--text-primary: #f0f2f5;--text-secondary: #c8ced8;--text-tertiary: #a0a8b6;--text-muted: #7d8694;--text-faint: #5c6370;--text-ghost: #3d4450;--btn-dark: #2a3040;--btn-dark-hover: #343b4a;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .15);--modal-overlay: rgba(0, 0, 0, .6);--app-bg: #0b0f19;--sidebar-bg: #0b0f19;--sidebar-text: #f0f2f5;--sidebar-sub-text: rgba(255,255,255,.5);--sidebar-faint: rgba(255,255,255,.3);--sidebar-hover-bg: rgba(255,255,255,.04);--sidebar-icon: rgba(255,255,255,.3);--sidebar-active-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}button,a{font-family:var(--font-main)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.card{background:var(--panel-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--panel-border);transition:transform .2s ease,box-shadow .2s ease}h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-main)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #e0365363}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--panel-border)}.btn-secondary:hover{background:#fff3}.btn-dark-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:0;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-main);background:var(--btn-dark);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.btn-dark-action:hover{background:var(--btn-dark-hover);transform:translateY(-1px)}input,textarea,select{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);font-family:var(--font-main);font-size:.95rem;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e036531a}.needs-edit{border-color:var(--danger)!important;background:#ef44440d!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}html[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-color)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.dashboard-sidebar{background:var(--sidebar-bg)!important;border-right:none!important;color:var(--sidebar-text);font-family:Space Grotesk,system-ui,sans-serif}.dashboard-sidebar .sidebar-logo{color:var(--sidebar-text);border-bottom:none}.sidebar-glow-tab{position:relative;overflow:hidden;color:#64748b!important;font-weight:500;transition:color .3s ease;z-index:1;border-radius:8px}.sidebar-glow-tab:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#f1f5f9;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:-1}.sidebar-glow-tab:hover:before,.sidebar-glow-tab.sidebar-active:before{width:100%}.sidebar-glow-tab:hover,.sidebar-glow-tab.sidebar-active{color:#0f172a!important}.sidebar-glow-tab:after{content:"";position:absolute;left:0;top:15%;width:3px;height:70%;background-color:var(--accent);border-radius:0 4px 4px 0;opacity:0;transform:scaleY(.6);transition:opacity .2s ease,transform .2s ease;z-index:2}.sidebar-glow-tab.sidebar-active:after{opacity:1;transform:scaleY(1)}.dashboard-sidebar .sidebar-section-label{color:var(--sidebar-faint)!important;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.dashboard-sidebar .sidebar-sub-item{color:var(--sidebar-sub-text)!important;transition:color .15s}.dashboard-sidebar .sidebar-sub-item:hover{color:var(--sidebar-text)!important}.dashboard-sidebar .sidebar-sub-item.sidebar-sub-active{color:var(--sidebar-active-text)!important;font-weight:600}.dashboard-sidebar .sidebar-footer{border-top:none!important}@media(max-width:768px){.sidebar-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.backdrop-open{opacity:1;pointer-events:auto}.mobile-hamburger-btn{display:flex!important}.mobile-header-logo{display:block!important}.dashboard-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:260px!important;transform:translate(-100%);z-index:1000!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:8px 0 24px #00000026}.dashboard-sidebar.sidebar-open{transform:translate(0)!important}.dashboard-sidebar>button{display:none!important}.base-dashboard-wrapper{padding:10px!important}.base-dashboard-header{padding:1.5rem 1rem 0!important;margin-bottom:1rem!important;flex-direction:column;align-items:flex-start!important;gap:.75rem}.base-dashboard-content{padding:0 1rem 1.5rem!important}.settings-container{padding:1.5rem 1rem 80px!important}.analytics-container{padding:1rem!important}.stockroom-grid{grid-template-columns:1fr!important}.analytics-kpi-grid,.analytics-charts-grid{grid-template-columns:1fr!important;gap:1rem!important}.stockroom-card{flex-direction:column!important}.stockroom-card>div:first-child{width:100%!important}.datagrid-container{overflow-x:auto}.datagrid-expanded-content{grid-template-columns:1fr!important;gap:1.5rem!important;padding:1rem!important}.datagrid-tags-weight,.datagrid-brand-details{grid-template-columns:1fr!important;gap:1rem!important}}input[type=range]{accent-color:var(--accent)}.dark-toast{background:var(--surface)!important;color:var(--text-primary)!important;border-radius:0!important;border:1.5px solid var(--toast-color, #e03653)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.sb-app{display:flex;height:100vh;width:100vw;background-color:#121212;color:#ededed;font-family:Space Grotesk,system-ui,sans-serif!important;overflow:hidden}.sb-sidebar{width:260px;background-color:#181818;border-right:1px solid #2e2e2e;padding:1.5rem 1rem;display:flex;flex-direction:column}.sb-logo-area{display:flex;align-items:center;gap:12px;margin-bottom:2rem;padding:0 .5rem}.sb-logo-circle{width:28px;height:28px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 16px #3ecf8e66}.sb-nav-item{padding:.6rem .8rem;border-radius:6px;color:#a1a1aa;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:.25rem}.sb-nav-item:hover{background-color:#242424;color:#ededed}.sb-nav-item.active{background-color:#3ecf8e1a;color:#3ecf8e}.sb-main{flex:1;padding:2.5rem 3rem;background:radial-gradient(circle at top left,#1a1a1a,#121212 50%)}.sb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.sb-header h2{font-size:1.8rem;font-weight:500;letter-spacing:-.02em;margin:0;color:#f4f4f5}.sb-btn{padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.sb-btn-primary{background-color:#3ecf8e;color:#0b0b0b;box-shadow:0 2px 8px #3ecf8e26}.sb-btn-primary:hover{background-color:#4ade80;transform:translateY(-2px);box-shadow:0 6px 16px #3ecf8e4d}.sb-btn-secondary{background-color:#2a2a2a;color:#ededed;border:1px solid #3e3e3e}.sb-btn-secondary:hover{background-color:#333;border-color:#555;transform:translateY(-2px)}.sb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.sb-card{background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:10px;padding:1.5rem;position:relative;overflow:hidden;z-index:1}.animated-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s ease,box-shadow .4s ease}.animated-card:hover{transform:translateY(-6px) scale(1.02);border-color:#4a4a4a;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff0d;z-index:10}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.glowing-hover:before{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:linear-gradient(120deg,#3ecf8e00,#3ecf8e,#3ecf8e00);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:200% 200%;opacity:0;transition:opacity .4s ease;z-index:-1}.glowing-hover:hover:before{opacity:1;animation:borderDance 3s linear infinite}@keyframes borderDance{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sb-card-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.sb-icon{width:38px;height:38px;background:#242424;border:1px solid #333;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.animated-card:hover .sb-icon{transform:scale(1.1) rotate(5deg)}.sb-icon.database{background:#38bdf81a;border-color:#38bdf833}.sb-icon.auth{background:#a78bfa1a;border-color:#a78bfa33}.sb-icon.glow-icon{background:#3ecf8e1a;border-color:#3ecf8e33}.sb-card h3{font-size:1.1rem;font-weight:500;color:#f4f4f5;margin:0}.sb-card p{color:#a1a1aa;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.sb-stats{display:flex;gap:1rem}.sb-stat-box{flex:1;background:#141414;border:1px solid #242424;border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:4px}.sb-stat-box .label{font-size:.75rem;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.sb-stat-box .value{font-size:1.25rem;font-weight:500;color:#ededed;font-family:Space Grotesk,system-ui,sans-serif!important}.sb-stat-box .value.success{color:#3ecf8e}