.logo{height:auto;display:block}.sidebar-logo{height:32px;width:auto}.landing-logo{height:36px;width:auto}.login-logo{height:40px;width:auto;margin:0 auto}.footer-logo{height:28px;width:auto}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;display:flex;flex-direction:column;padding:calc(var(--grid-spacing) * 3);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-header{margin-bottom:calc(var(--grid-spacing) * 4)}.sidebar-header .sidebar-logo{display:block;max-width:100%;height:auto}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:calc(var(--grid-spacing) / 2)}.sidebar-nav-item{padding:calc(var(--grid-spacing) * 1.5) calc(var(--grid-spacing) * 2);border:none;border-radius:var(--radius);text-align:left;font-size:14px;font-weight:500;transition:all var(--transition) ease;display:flex;align-items:center;gap:calc(var(--grid-spacing) * 1.5);width:100%;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}.sidebar-nav-item:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-nav-item:focus:not(:focus-visible){outline:none}.sidebar-nav-item.active{font-weight:600}.sidebar-nav-icon{font-size:18px;width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-admin-section{margin-top:auto;padding-top:calc(var(--grid-spacing) * 2);display:flex;flex-direction:column;gap:calc(var(--grid-spacing) * .5)}.sidebar-section-divider{height:1px;margin-bottom:calc(var(--grid-spacing) * 1)}.sidebar-footer{padding-top:calc(var(--grid-spacing) * 2);border-top:1px solid;border-color:inherit;display:flex;flex-direction:column;gap:calc(var(--grid-spacing) * .5)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform var(--transition) ease;width:280px;box-shadow:2px 0 8px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-nav-item{min-height:48px;font-size:16px}}@media (max-width: 480px){.sidebar{width:100%;max-width:320px}}.store-selector{display:flex;align-items:center;gap:var(--space-2)}.store-selector select{transition:all var(--transition-base)}.store-selector select:hover{opacity:.8}.store-selector select:focus{box-shadow:0 0 0 3px #4a90e233}.store-selector-single{padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius) * .6);background-color:#ffffff0d}@media (max-width: 768px){.store-selector,.store-selector select{width:100%}}.header{padding:calc(var(--grid-spacing) * 2) calc(var(--grid-spacing) * 3);position:sticky;top:0;z-index:10}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:calc(var(--grid-spacing) * 2)}.header-left{display:flex;align-items:center;gap:calc(var(--grid-spacing) * 2);flex:1;min-width:0}.header-left h2{font-size:20px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-center{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.header-menu-toggle{width:44px;height:44px;min-width:44px;border-radius:var(--radius);display:none;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all var(--transition) ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.header-menu-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.header-menu-toggle:focus:not(:focus-visible){outline:none}.header-right{display:flex;align-items:center;gap:calc(var(--grid-spacing) * 2);flex-shrink:0}.header-user-info{display:flex;flex-direction:column;align-items:flex-end;margin-right:calc(var(--grid-spacing) * 2)}.header-user-name{font-size:14px;font-weight:600;line-height:1.2}.header-user-email{font-size:12px;font-weight:400;line-height:1.2;margin-top:2px}.header-theme-toggle{width:44px;height:44px;min-width:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all var(--transition) ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.header-theme-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.header-theme-toggle:focus:not(:focus-visible){outline:none}.header-theme-toggle:hover{transform:scale(1.05)}@media (max-width: 768px){.header{padding:calc(var(--grid-spacing) * 1.5) calc(var(--grid-spacing) * 2)}.header-menu-toggle{display:flex}.header-left h2{font-size:18px}.header-user-info{display:none}.header-theme-toggle{width:40px;height:40px;min-width:40px}}@media (max-width: 480px){.header{padding:calc(var(--grid-spacing) * 1.5)}.header-left h2{font-size:16px}}.layout{display:flex;min-height:100vh;position:relative}.layout-main{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left var(--transition) ease;width:calc(100% - 260px)}.layout-content{flex:1;padding:calc(var(--grid-spacing) * 3);max-width:1400px;width:100%;margin:0 auto}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:99;display:none}@media (max-width: 768px){.layout-main{margin-left:0;width:100%}.layout-content{padding:calc(var(--grid-spacing) * 2)}.sidebar-overlay{display:block}}@media (max-width: 480px){.layout-content{padding:calc(var(--grid-spacing) * 1.5)}}:root{--bg: var(--color-bg-dark);--card: var(--color-card-dark);--text: var(--color-text-dark);--subtext: var(--color-subtext-dark);--border: var(--color-border-dark);--hover: var(--color-hover-dark);--active: var(--color-active-dark)}[data-theme=light]{--bg: var(--color-bg-light);--card: var(--color-card-light);--text: var(--color-text-light);--subtext: var(--color-subtext-dark);--border: var(--color-border-dark);--hover: var(--color-hover-dark);--active: var(--color-active-dark)}[data-theme=dark]{--bg: var(--color-bg-dark);--card: var(--color-card-dark);--text: var(--color-text-dark);--subtext: var(--color-subtext-dark);--border: var(--color-border-dark);--hover: var(--color-hover-dark);--active: var(--color-active-dark)}#root{min-height:100vh;background-color:var(--bg);color:var(--text);transition:background-color var(--transition) ease,color var(--transition) ease}body{background-color:var(--bg);color:var(--text)}:root{--color-primary: #FFA54C;--color-primary-hover: #FF9533;--color-primary-light: #FFB66D;--color-primary-dark: #E68A2E;--color-success: #46C47C;--color-success-bg: #E8F5EE;--color-info: #3A8DFF;--color-info-bg: #E3F2FD;--color-warning: #F7C74A;--color-warning-bg: #FFF9E6;--color-error: #E74C3C;--color-error-bg: #FDECEA;--color-danger: #DC2626;--bg-primary: #F9F7F4;--bg-secondary: #FFFFFF;--bg-tertiary: #F5F5F5;--bg-hover: #F5F5F5;--bg-active: #EEEEEE;--text-primary: #2B2B2B;--text-secondary: #6B7280;--text-tertiary: #C3CBD7;--text-inverse: #FFFFFF;--border-primary: #E5E5E5;--border-secondary: #D1D5DB;--border-focus: #FFA54C;--card-bg: #FFFFFF;--card-border: #E5E5E5;--grid-spacing: 8px;--card-padding: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-heading: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius: 10px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--border-width: 1px;--border-width-2: 2px;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--transition: .2s;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-modal-backdrop: 1040;--z-modal: 1050;--z-toast: 1060;--z-tooltip: 1070}:root [data-theme=dark]{--bg-primary: #0E0F12;--bg-secondary: #1B1E23;--bg-tertiary: #262B33;--bg-hover: #262B33;--bg-active: #343A43;--text-primary: #F4F6F9;--text-secondary: #9CA3AF;--text-tertiary: #C3CBD7;--border-primary: #30343B;--border-secondary: #3F4450;--card-bg: #1B1E23;--card-border: #30343B}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:var(--border-width) solid var(--border-primary)}.border-0{border:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--card-bg)}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-weight:var(--font-normal);line-height:var(--leading-normal);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}button{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);border:none;background:none}button:disabled{cursor:not-allowed;opacity:.6}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ffa54c1a}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--color-primary);color:#fff}