@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--tjs-primary:#8b4513;--tjs-primary-dark:#654321;--tjs-primary-light:sienna;--tjs-primary-bg:#8b45130f;--tjs-bg:#f8f7f4;--tjs-bg-card:#fff;--tjs-bg-sidebar:#1e293b;--tjs-text:#1e293b;--tjs-text-secondary:#64748b;--tjs-text-muted:#94a3b8;--tjs-border:#e8e0d8;--tjs-border-light:#f0ebe4;--tjs-shadow-sm:0 1px 2px #0000000a;--tjs-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--tjs-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--tjs-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--tjs-transition:all .2s cubic-bezier(.4, 0, .2, 1);--tjs-transition-slow:all .3s cubic-bezier(.4, 0, .2, 1);--tjs-radius:8px;--tjs-radius-lg:12px;--tjs-radius-xl:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background:var(--tjs-bg);color:var(--tjs-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:20px 16px;display:flex}.sidebar-logo-icon{color:#fff;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.sidebar-logo-text{color:#e2e8f0;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.sidebar-logo-text span{color:#94a3b8;letter-spacing:0;margin-top:1px;font-size:11px;font-weight:500;display:block}.ant-menu-item-group-title{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.8px!important;padding:16px 24px 8px!important;font-size:11px!important;font-weight:700!important}.ant-layout-sider .ant-menu-item{transition:var(--tjs-transition)!important}.ant-layout-sider .ant-menu-item:hover{transform:translate(2px)}.ant-layout-sider .ant-menu-item-selected{box-shadow:0 4px 12px #8b45134d;background:linear-gradient(135deg,#8b4513 0%,#654321 100%)!important}.app-header{border-bottom:1px solid var(--tjs-border);z-index:100;height:64px;box-shadow:var(--tjs-shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.header-right{align-items:center;gap:12px;display:flex}.header-search .ant-input-affix-wrapper{background:var(--tjs-bg);border:1px solid var(--tjs-border-light);transition:var(--tjs-transition);border-radius:20px}.header-search .ant-input-affix-wrapper:hover,.header-search .ant-input-affix-wrapper:focus-within{border-color:var(--tjs-primary);background:#fff;box-shadow:0 0 0 3px #8b451314}.stat-card{overflow:hidden;border-radius:var(--tjs-radius-lg)!important;border:1px solid var(--tjs-border-light)!important;transition:var(--tjs-transition)!important}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--tjs-shadow-lg)!important;border-color:var(--tjs-border)!important}.stat-card .ant-card-body{padding:20px 24px}.stat-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-card-trend{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.stat-card-trend.up{color:#16a34a;background:#16a34a14}.stat-card-trend.down{color:#ef4444;background:#ef444414}.chart-card{border-radius:var(--tjs-radius-lg)!important;border:1px solid var(--tjs-border-light)!important;transition:var(--tjs-transition)!important}.chart-card .ant-card-head{border-bottom:1px solid var(--tjs-border-light);min-height:auto;padding:16px 24px}.chart-card .ant-card-head-title{color:var(--tjs-text);font-size:15px;font-weight:600}.chart-card .ant-card-body{padding:20px 24px}.page-header{margin-bottom:24px}.page-header h2{color:var(--tjs-text);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.page-header p{color:var(--tjs-text-secondary);margin:4px 0 0;font-size:14px}.ant-table-wrapper .ant-table{border-radius:var(--tjs-radius-lg);overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-fade-in{animation:.3s forwards fadeIn}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.text-primary{color:var(--tjs-primary)}.text-secondary{color:var(--tjs-text-secondary)}.text-muted{color:var(--tjs-text-muted)}.bg-primary-light{background:var(--tjs-primary-bg)}.main-content{min-height:calc(100vh - 64px);padding:24px}.sidebar-user-footer{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding:16px;display:flex}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar-user-name{color:#e2e8f0;font-size:13px;font-weight:600;line-height:1.3}.sidebar-user-role{color:#64748b;text-transform:capitalize;font-size:11px}.store-selector .ant-select-selector{background:var(--tjs-bg)!important;border-color:var(--tjs-border-light)!important;border-radius:20px!important;height:36px!important}@media (width<=768px){.main-content{padding:16px}.app-header{padding:0 16px}}