@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #F9F8F6;--bg-secondary: #F3F1EE;--bg-card: #FFFFFF;--bg-sidebar: #FCFBF9;--bg-hover: #F5F3F0;--bg-muted: #EFEDE9;--accent: #6366A0;--accent-hover: #555890;--accent-soft: #EDEDF5;--accent-text: #5B5E94;--lavender-soft: #EDEBF6;--lavender-text: #6C63A0;--mint-soft: #E8F5F0;--mint-text: #4A9B7E;--peach-soft: #FDF0E9;--peach-text: #C47A52;--sky-soft: #E8F1FA;--sky-text: #4A82B4;--sage-soft: #EDF3E8;--sage-text: #6B8F5B;--rose-soft: #F8ECF0;--rose-text: #B4667A;--lemon-soft: #F5F3E4;--lemon-text: #9A8A3E;--lilac-soft: #F0EAF6;--lilac-text: #8B6AAE;--green-soft: #E8F5F0;--green-text: #4A9B7E;--amber-soft: #F5F3E4;--amber-text: #9A8A3E;--red-soft: #F8ECF0;--red-text: #B4667A;--blue-soft: #E8F1FA;--blue-text: #4A82B4;--text-primary: #2D2B2E;--text-secondary: #6E6B73;--text-muted: #A09DA5;--text-white: #FFFFFF;--border: #E8E5E0;--border-hover: #D5D1CB;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 2px 8px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .06);--sidebar-width: 248px;--header-height: 64px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-normal: .2s ease}[data-theme=dark]{--bg-primary: #1A1A1A;--bg-secondary: #242424;--bg-card: #2D2D2D;--bg-sidebar: #222222;--bg-hover: #333333;--bg-muted: #3D3D3D;--accent: #8689c4;--accent-hover: #9c9fd4;--accent-soft: rgba(99, 102, 160, .2);--accent-text: #A8AAdb;--lavender-soft: rgba(108, 99, 160, .2);--lavender-text: #B5AEDC;--mint-soft: rgba(74, 155, 126, .2);--mint-text: #82C5A9;--peach-soft: rgba(196, 122, 82, .2);--peach-text: #E5A88A;--sky-soft: rgba(74, 130, 180, .2);--sky-text: #8AB8DF;--sage-soft: rgba(107, 143, 91, .2);--sage-text: #A5C297;--rose-soft: rgba(180, 102, 122, .2);--rose-text: #D694A6;--lemon-soft: rgba(154, 138, 62, .2);--lemon-text: #D6CA82;--lilac-soft: rgba(139, 106, 174, .2);--lilac-text: #BFA5D6;--green-soft: rgba(74, 155, 126, .2);--green-text: #82C5A9;--amber-soft: rgba(154, 138, 62, .2);--amber-text: #D6CA82;--red-soft: rgba(180, 102, 122, .2);--red-text: #D694A6;--blue-soft: rgba(74, 130, 180, .2);--blue-text: #8AB8DF;--text-primary: #F0F0F0;--text-secondary: #B0B0B0;--text-muted: #808080;--text-white: #FFFFFF;--border: #444444;--border-hover: #555555;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;font-size:.9rem;color:var(--text-primary);background:var(--bg-card);transition:border var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app-layout{display:flex;min-height:100vh;background:var(--bg-secondary)}.main-content{flex:1;margin-left:calc(var(--sidebar-width) + 32px);padding-top:calc(var(--header-height) + 32px);min-height:100vh}.page-container{padding:28px 32px;max-width:1200px;margin:0 auto;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar{position:fixed;left:16px;top:16px;bottom:16px;width:var(--sidebar-width);height:calc(100vh - 32px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar-brand{padding:20px 20px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border)}.sidebar-brand .brand-icon{width:36px;height:36px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;font-weight:700}.sidebar-brand .brand-text{font-weight:700;font-size:1.05rem;color:var(--text-primary);letter-spacing:-.01em}.sidebar-brand .brand-sub{font-size:.7rem;color:var(--text-muted);font-weight:500}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 3px 3px 0}.nav-item{position:relative}.nav-item .nav-badge{margin-left:auto;background:var(--red-soft);color:var(--red-text);font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-full)}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--border)}.sidebar-store-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-secondary)}.store-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.78rem}.store-info .store-name{font-weight:600;font-size:.82rem;color:var(--text-primary)}.store-info .store-plan{font-size:.7rem;color:var(--text-muted);font-weight:500}.header{position:fixed;top:16px;left:calc(var(--sidebar-width) + 32px);right:16px;height:var(--header-height);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:90}.header-left h1{font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.header-left p{font-size:.78rem;color:var(--text-muted);margin-top:1px}.header-right{display:flex;align-items:center;gap:8px}.header-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.header-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.header-btn .notification-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--red-text);border-radius:50%;border:1.5px solid var(--bg-primary)}.header-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.82rem;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);transition:box-shadow var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-icon{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.stat-icon.lavender{background:var(--lavender-soft);color:var(--lavender-text)}.stat-icon.mint{background:var(--mint-soft);color:var(--mint-text)}.stat-icon.peach{background:var(--peach-soft);color:var(--peach-text)}.stat-icon.sky{background:var(--sky-soft);color:var(--sky-text)}.stat-icon.sage{background:var(--sage-soft);color:var(--sage-text)}.stat-icon.rose{background:var(--rose-soft);color:var(--rose-text)}.stat-icon.lemon{background:var(--lemon-soft);color:var(--lemon-text)}.stat-icon.lilac{background:var(--lilac-soft);color:var(--lilac-text)}.stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.stat-change{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:500;margin-top:6px;padding:2px 0}.stat-change.up{color:var(--green-text)}.stat-change.down{color:var(--red-text)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-header h2{font-size:.95rem;font-weight:600;letter-spacing:-.005em}.card-body{padding:16px 20px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 14px;font-size:.74rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.data-table td{padding:12px 14px;font-size:.88rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:.73rem;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%}.badge.pending{background:var(--amber-soft);color:var(--amber-text)}.badge.pending:before{background:var(--amber-text)}.badge.paid{background:var(--blue-soft);color:var(--blue-text)}.badge.paid:before{background:var(--blue-text)}.badge.processing{background:var(--accent-soft);color:var(--accent-text)}.badge.processing:before{background:var(--accent-text)}.badge.shipped{background:var(--blue-soft);color:var(--blue-text)}.badge.shipped:before{background:var(--blue-text)}.badge.delivered{background:var(--green-soft);color:var(--green-text)}.badge.delivered:before{background:var(--green-text)}.badge.cancelled{background:var(--red-soft);color:var(--red-text)}.badge.cancelled:before{background:var(--red-text)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-danger{background:var(--red-soft);color:var(--red-text)}.btn-danger:hover{background:#ecdcda}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .empty-icon{font-size:2.4rem;margin-bottom:10px;opacity:.6}.empty-state h3{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.empty-state p{font-size:.82rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:var(--radius-sm);background:transparent;align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--transition-fast);flex-shrink:0}.mobile-menu-btn:hover{background:var(--bg-hover)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{opacity:1}.sidebar-close-btn{display:none;position:absolute;top:16px;right:12px;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);align-items:center;justify-content:center;z-index:10}.sidebar-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.mobile-menu-btn,.sidebar-close-btn{display:flex}.sidebar{transform:translate(calc(-100% - 20px));transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:none;width:280px;z-index:200}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.visible{pointer-events:auto}.main-content{margin-left:0}.header{left:16px;right:16px;padding:0 16px;gap:8px;border-radius:var(--radius-lg)}.header-left h1{font-size:1rem}.header-left p{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-container{padding:16px}.card-header,.card-body{padding:12px 16px}.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-card{padding:14px}.stat-value{font-size:1.25rem}.stat-icon{width:32px;height:32px;margin-bottom:8px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.page-container{padding:12px}.header{padding:0 12px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.page-container{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.sidebar-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-weight:600;font-size:.82rem;cursor:pointer;transition:all var(--transition-normal)}.quick-action-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);transform:translateY(-1px);box-shadow:var(--shadow-md)}.header-search-container{position:relative;display:flex;align-items:center}.header-search-bar{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:7px 14px;width:320px;box-shadow:var(--shadow-md);animation:searchExpand .2s ease;z-index:100}@keyframes searchExpand{0%{width:42px;opacity:.5}to{width:320px;opacity:1}}.header-search-icon{color:var(--text-muted);flex-shrink:0}.header-search-input{flex:1;border:none!important;outline:none;background:transparent;font-size:.85rem;color:var(--text-primary);font-family:inherit;padding:0!important;min-width:0}.header-search-input::placeholder{color:var(--text-muted)}.header-search-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;border-radius:50%;transition:all .12s}.header-search-close:hover{background:var(--bg-hover);color:var(--text-primary)}.header-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0000001f;z-index:300;max-height:360px;overflow-y:auto;animation:dropdownIn .18s ease}.search-hint{padding:20px;text-align:center;color:var(--text-muted)}.search-hint p{font-size:.88rem;margin:0}.search-section{padding:6px 0}.search-section-title{padding:6px 16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.search-result-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:none;border:none;cursor:pointer;transition:background .12s ease;text-align:left;font-family:inherit}.search-result-item:hover{background:var(--bg-hover)}.search-result-main{display:flex;flex-direction:column;gap:1px}.search-result-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.search-result-sub{font-size:.74rem;color:var(--text-muted)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.form-input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.88rem;color:var(--text-primary);background:var(--bg-card);transition:border-color .15s ease;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-input:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0000001f;z-index:200;animation:dropdownIn .18s ease;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-panel{width:340px}.profile-panel{width:280px}.dropdown-header{padding:14px 18px;border-bottom:1px solid var(--border)}.dropdown-title{font-weight:700;font-size:.9rem;color:var(--text-primary)}.dropdown-body{padding:8px 0}.dropdown-empty{padding:28px 20px;text-align:center;color:var(--text-muted)}.dropdown-empty svg{margin-bottom:10px;opacity:.4}.dropdown-empty p{font-weight:600;font-size:.88rem;color:var(--text-secondary);margin-bottom:6px}.dropdown-empty span{font-size:.78rem;line-height:1.5}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background .12s ease}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-chevron{margin-left:auto;color:var(--text-muted);opacity:.5}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;cursor:pointer;transition:background .12s}.notif-item:hover{background:var(--bg-hover)}.notif-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.notif-text{font-size:.82rem;font-weight:500;color:var(--text-primary);line-height:1.4}.notif-time{font-size:.72rem;color:var(--text-muted);margin-top:2px}.profile-header-card{display:flex;align-items:center;gap:12px;padding:16px 18px}.profile-avatar-lg{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.profile-name{font-weight:700;font-size:.92rem;color:var(--text-primary)}.profile-id{font-size:.72rem;color:var(--text-muted);margin-top:2px}.upgrade-item{flex-direction:column;align-items:flex-start;background:var(--accent-soft)!important;margin:4px 8px;border-radius:var(--radius-sm);padding:12px 14px!important;gap:4px!important}.upgrade-item:hover{background:#e2e2f0!important}.upgrade-item>svg{color:var(--accent)}.upgrade-item span{font-weight:700;color:var(--accent-text);font-size:.84rem}.upgrade-sub{font-size:.72rem;font-weight:500;color:var(--text-muted);margin-top:1px}.logout-item{color:var(--red-text)!important}.logout-item:hover{background:var(--red-soft)!important}@media(max-width:768px){.header-search-bar{width:200px}@keyframes searchExpand{0%{width:42px;opacity:.5}to{width:200px;opacity:1}}.header-search-results{width:280px;right:0;left:auto}.notif-panel{width:300px;right:-60px}.profile-panel{width:260px;right:-8px}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--bg-primary)}.auth-brand{background:var(--accent);color:var(--accent-text);display:flex;align-items:center;padding:48px}.auth-brand-inner{max-width:380px;margin:0 auto}.auth-logo{width:44px;height:44px;border-radius:var(--radius-md);background:color-mix(in oklch,var(--accent-text) 16%,transparent);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.2rem;margin-bottom:20px}.auth-brand-name{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:14px}.auth-brand-headline{font-family:var(--font-display);font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.auth-brand-sub{font-size:.92rem;line-height:1.6;opacity:.85;margin-bottom:32px}.auth-feature-list{list-style:none;display:grid;gap:14px}.auth-feature-list li{display:flex;align-items:center;gap:12px;font-size:.86rem;line-height:1.4}.auth-feature-icon{width:30px;height:30px;flex-shrink:0;border-radius:var(--radius-sm);background:color-mix(in oklch,var(--accent-text) 14%,transparent);display:grid;place-items:center}.auth-content{display:flex;align-items:center;justify-content:center;padding:24px}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:32px 24px}.auth-brand-inner{max-width:none}.auth-brand-headline{font-size:1.4rem}.auth-brand-sub{margin-bottom:20px}.auth-feature-list{display:none}}:root{--bg: oklch(98% .005 150);--surface: oklch(100% 0 0);--text: oklch(20% .015 150);--muted: oklch(50% .01 150);--border: oklch(91% .01 150);--accent: oklch(46% .1 155);--accent-soft: oklch(93% .035 155);--accent-text: oklch(99% 0 0);--sidebar-bg: oklch(99% .004 150);--sidebar-text: oklch(25% .015 150);--sidebar-muted: oklch(55% .01 150);--cta: var(--accent);--cta-text: var(--accent-text);--success: oklch(56% .13 148);--success-soft: oklch(94% .045 148);--success-text: oklch(38% .11 148);--warning-text: oklch(46% .13 70);--warning-soft: oklch(94% .06 80);--danger: oklch(58% .18 25);--danger-text: oklch(50% .19 25);--danger-soft: oklch(95% .045 25);--info-text: oklch(46% .14 250);--info-soft: oklch(94% .035 250);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--shadow-sm: none;--shadow-md: 0 12px 32px oklch(20% .015 150 / .1);--font-ui: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-ui);--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--bg-primary: var(--bg);--bg-secondary: var(--sidebar-bg);--bg-card: var(--surface);--bg-sidebar: var(--sidebar-bg);--bg-hover: var(--accent-soft);--bg-muted: oklch(96% .006 150);--surface-muted: oklch(97% .005 150);--surface-raised: var(--surface);--surface-sunken: oklch(96% .006 150);--text-primary: var(--text);--text-secondary: var(--muted);--text-muted: var(--muted);--border-strong: oklch(85% .012 150);--rule: oklch(94% .008 150);--primary: var(--accent);--primary-hover: oklch(39% .1 155);--primary-soft: var(--accent-soft);--primary-line: oklch(80% .06 155);--green-text: var(--success-text);--green-soft: var(--success-soft);--amber-text: var(--warning-text);--amber-soft: var(--warning-soft);--blue-text: var(--info-text);--blue-soft: var(--info-soft);--red-text: var(--danger-text);--red-soft: var(--danger-soft);--accent-hover: var(--primary-hover)}[data-theme=dark]{--bg: oklch(17% .012 150);--surface: oklch(21% .014 150);--text: oklch(95% .006 150);--muted: oklch(70% .012 150);--border: oklch(30% .014 150);--accent: oklch(72% .12 155);--accent-soft: oklch(28% .04 155);--accent-text: oklch(17% .012 150);--sidebar-bg: oklch(19% .013 150);--sidebar-text: oklch(93% .006 150);--sidebar-muted: oklch(65% .012 150);--success: oklch(70% .13 148);--success-soft: oklch(27% .05 148);--success-text: oklch(80% .11 148);--warning-text: oklch(80% .11 80);--warning-soft: oklch(28% .05 70);--danger: oklch(65% .16 25);--danger-text: oklch(78% .13 25);--danger-soft: oklch(28% .06 25);--info-text: oklch(78% .1 250);--info-soft: oklch(27% .05 250);--bg-muted: oklch(24% .014 150);--surface-muted: oklch(25% .014 150);--surface-sunken: oklch(19% .013 150);--border-strong: oklch(38% .016 150);--rule: oklch(27% .014 150);--primary-hover: oklch(80% .12 155);--primary-line: oklch(45% .07 155)}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);font-family:var(--font-ui);font-size:14px;font-weight:500;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}.app-layout{min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{transition:background-color .16s ease,border-color .16s ease,color .16s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stat-value,.data-table td,table td,.badge{font-variant-numeric:tabular-nums}.sidebar{width:248px;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:22px 12px 16px}.sidebar-brand{padding:2px 10px 24px;gap:10px;align-items:center}.sidebar-brand .brand-icon,.brand-icon{width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-weight:800;font-size:1rem;box-shadow:none}.brand-text{color:var(--sidebar-text);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.brand-sub{color:var(--sidebar-muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.sidebar-nav{gap:2px}.sidebar-nav:before{content:"Workspace";display:block;padding:0 12px 9px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--sidebar-muted)}.nav-item{border-radius:10px;color:var(--sidebar-text);min-height:40px;padding:0 12px;font-size:.875rem;font-weight:600;position:relative}.nav-item:hover{color:var(--accent);background:var(--accent-soft)}.nav-item.active{color:var(--accent);background:var(--accent-soft);font-weight:700;box-shadow:none}.nav-item.active:before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:999px;background:var(--accent);left:auto}.nav-item.active svg{stroke-width:2.2}.sidebar-footer{border-top:1px solid var(--border);padding-top:12px}.sidebar-store-card{border-radius:10px;padding:9px}.sidebar-store-card:hover{background:var(--accent-soft)}.store-avatar,.header-avatar{background:var(--accent-soft);color:var(--accent);font-weight:800;border-radius:10px}.store-name{font-weight:700;font-size:.85rem;color:var(--sidebar-text)}.store-plan{color:var(--sidebar-muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.header{height:74px;padding:0 30px;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}.header-left h1{font-size:1.35rem;font-weight:800;letter-spacing:-.025em;color:var(--text)}.header-left p{color:var(--muted);font-size:.8rem;margin-top:2px;font-weight:500}.header-btn{border-radius:10px;color:var(--muted)}.header-btn:hover{background:var(--accent-soft);color:var(--accent)}.header-avatar{width:34px;height:34px;font-size:.78rem}.main-content{background:var(--bg)}.page-container{max-width:1400px;padding:28px 30px 56px;margin:0 auto}.page-container h1{color:var(--text);font-weight:800;letter-spacing:-.025em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 22px;box-shadow:none;transition:border-color .15s ease}.stat-card:hover{border-color:var(--accent);transform:none;box-shadow:none}.stat-card:after{display:none}.stat-icon{width:34px;height:34px;border-radius:10px;background:var(--accent-soft)!important;color:var(--accent)!important;margin-bottom:14px;box-shadow:none;display:grid;place-items:center}.stat-icon svg{width:18px;height:18px}.stat-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.stat-value{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.stat-change{font-size:.75rem;font-weight:700;margin-top:8px}.stat-change.up{color:var(--success-text)}.stat-change.down{color:var(--danger-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;overflow:hidden}.card:hover{border-color:var(--border)}.card-header{padding:16px 20px;background:transparent;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h2,.card-header h3{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-family:var(--font-ui)}.card-body{padding:20px}.btn{border-radius:10px;font-weight:700;font-size:.82rem;min-height:38px;padding:8px 16px;border:1px solid transparent;box-shadow:none}.btn:hover:not(:disabled){transform:none;box-shadow:none}.btn-primary{background:var(--cta);color:var(--cta-text)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.btn-danger{color:var(--danger-text);background:var(--danger-soft);border-color:var(--danger-soft)}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--accent-text);border-color:var(--danger)}.btn-sm{min-height:30px;padding:5px 11px;font-size:.75rem}.btn:disabled{opacity:.45;cursor:not-allowed}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;min-height:40px;padding:9px 12px;box-shadow:none}textarea{min-height:80px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover,select:hover,textarea:hover{border-color:var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}label{color:var(--muted);display:grid;gap:6px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.label-with-help{display:inline-flex;align-items:center;gap:4px}.badge{border-radius:999px;padding:4px 11px;font-size:.69rem;font-weight:700;letter-spacing:.02em;font-family:var(--font-ui);border:1px solid transparent;display:inline-block;line-height:1.6;text-transform:capitalize}.badge:before{display:none!important}.badge.paid,.badge.delivered,.badge.success,.badge.valid,.badge.converted,.badge.active,.badge.qualified{color:var(--success-text);background:var(--success-soft)}.badge.pending,.badge.processing,.badge.packed,.badge.contacted,.badge.low{color:var(--warning-text);background:var(--warning-soft)}.badge.shipped,.badge.new,.badge.paused{color:var(--info-text);background:var(--info-soft)}.badge.cancelled,.badge.rejected,.badge.failed,.badge.out{color:var(--danger-text);background:var(--danger-soft)}table{background:transparent;border-collapse:collapse;width:100%}.data-table th,th{color:var(--muted)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.07em;text-transform:uppercase;background:transparent;border-bottom:1px solid var(--border);padding:12px 16px}.data-table td,td{color:var(--text);font-size:.875rem;font-weight:500;border-bottom:1px solid var(--border);padding:13px 16px}tr{transition:background-color .12s ease}tbody tr:hover{background:var(--accent-soft)}tbody tr:last-child td{border-bottom:0}.empty-state{min-height:180px;color:var(--muted);font-size:.875rem}.empty-state h3{color:var(--text);font-weight:800}.empty-icon{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-md)}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-muted) 45%,var(--surface-sunken) 65%);background-size:280% 100%}.dropdown-panel{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--surface)}.dropdown-item:hover{background:var(--accent-soft)}.dropdown-title{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.header-search-bar,.header-search-results{background:var(--surface);border-color:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.header-search-input{background:transparent!important;border:0!important;box-shadow:none!important}.search-section-title{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.quick-action-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.82rem;font-weight:700;box-shadow:none}.quick-action-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);transform:none}@media(max-width:900px){.page-container{padding:20px 16px 40px}.header{height:64px;padding:0 16px}.header-left p{display:none}.sidebar{background:var(--surface);box-shadow:var(--shadow-md)}}@media(max-width:560px){.page-container{padding:16px 12px 32px}.header{padding:0 12px}.header-left h1{font-size:1.1rem}.card-header,.card-body{padding:15px}.stat-value{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@supports not (color: oklch(50% .1 150)){:root{--bg: #f8faf8;--surface: #ffffff;--text: #1f2a24;--muted: #6b7a72;--border: #e2e8e4;--accent: #2f6b4f;--accent-soft: #dceee4;--accent-text: #fdfdfd;--sidebar-bg: #fbfcfb;--sidebar-text: #2b382f;--sidebar-muted: #78877f;--success: #3f9366;--success-soft: #e0f2e6;--success-text: #2c6446;--warning-text: #7d5a15;--warning-soft: #f6eed6;--danger: #cc4b3c;--danger-text: #a63a2e;--danger-soft: #fae4e0;--info-text: #3a5fa8;--info-soft: #e2e9f7;--bg-muted: #f1f5f2;--surface-muted: #f5f8f6;--surface-sunken: #eef3f0;--border-strong: #cfd9d3;--rule: #eaf0ec;--primary-hover: #275a42;--primary-line: #a9cdb9}}