:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);overflow:hidden}.background-animation{position:absolute;width:100%;height:100%;opacity:.1;z-index:1}.globe-animation{width:100%;height:100%;object-fit:cover}.login-card{position:relative;z-index:2;width:400px;background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a}.logo-container{text-align:center;margin-bottom:20px}.login-logo{width:120px;height:auto;margin-bottom:15px}.login-card h2{text-align:center;color:#333;margin-bottom:30px}.login-title{color:#b4821e;text-align:center;margin-bottom:24px}.dashboard-layout{min-height:100vh;width:100vw;background:var(--bg-color)}.dashboard-header{padding:0 24px;background:var(--component-bg)!important;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;height:64px}.header-left{display:flex;align-items:center;gap:16px}.trigger-button{padding:0 12px;font-size:18px;cursor:pointer;transition:color .3s}.brand{display:flex;align-items:center;gap:8px;margin-right:24px}.header-logo{height:32px;width:auto}.brand-text{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:var(--text-color);white-space:nowrap}.search-input{width:400px;border-radius:4px;background:var(--search-bg);border:1px solid var(--border-color)}.header-right{display:flex;align-items:center;gap:20px}.notification-icon{font-size:20px;cursor:pointer;color:var(--text-color)}.breadcrumb-container{padding:16px 24px;background:var(--component-bg);border-bottom:1px solid var(--border-color)}.logo-container{display:flex;justify-content:center;align-items:center;height:64px;margin:16px}.dashboard-logo{height:32px;width:auto;transition:all .3s}.dashboard-content{padding:24px;background:var(--bg-color);min-height:calc(100vh - 189px);width:100%}.metrics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;width:100%;max-width:100%}.metric-wrapper{width:100%;min-width:unset;max-width:unset}.metric-card{height:100%;border-radius:12px;transition:all .3s ease;border:1px solid var(--border-color);background:var(--component-bg)!important}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.metric-icon{font-size:24px;margin-bottom:16px;color:var(--primary-color)}.dashboard-footer{text-align:center;padding:16px;background:var(--component-bg)!important;border-top:1px solid var(--border-color)}.ant-progress{margin-top:16px}[data-theme=light]{--bg-color: #f0f2f5;--component-bg: #ffffff;--border-color: #f0f0f0;--primary-color: #1677ff;--text-color: rgba(0, 0, 0, .85);--text-secondary: rgba(0, 0, 0, .45);--search-bg: #f5f5f5;--card-bg: #ffffff;--statistic-title: rgba(0, 0, 0, .45);--statistic-value: rgba(0, 0, 0, .85)}[data-theme=dark]{--bg-color: #141414;--component-bg: #1f1f1f;--border-color: #303030;--primary-color: #177ddc;--text-color: rgba(255, 255, 255, .85);--text-secondary: rgba(255, 255, 255, .45);--search-bg: #141414;--card-bg: #262626;--statistic-title: rgba(255, 255, 255, .45);--statistic-value: rgba(255, 255, 255, .85)}@media(max-width:1200px){.metrics-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.brand-text{display:none}.search-input{width:200px}.dashboard-content{padding:16px}}.ant-menu-item{transition:all .3s ease}.ant-menu-item:hover{background:#ffffff1a!important}.ant-statistic-title{color:var(--statistic-title)!important;font-size:14px!important}.ant-statistic-content{color:var(--statistic-value)!important;font-size:16px!important}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ant-statistic-content-value{transition:all .3s ease}.ant-statistic:hover .anticon{animation:pulse 1s infinite}.dashboard-sider{background:var(--component-bg)!important;border-right:1px solid var(--border-color)}.ant-card{background:var(--card-bg)!important}.info-text{color:var(--text-secondary)!important;font-size:12px}.ant-menu.ant-menu-dark{background:var(--component-bg)}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-item-selected{background-color:var(--primary-color)!important}.ant-progress-text{color:var(--text-color)!important}.ant-table{background:var(--card-bg)!important}.ant-table-thead>tr>th{background:var(--component-bg)!important;color:var(--text-color)!important}.ant-table-tbody>tr>td{color:var(--text-color)!important}.ant-table-tbody>tr:hover>td{background:var(--component-bg)!important}.sider-footer{position:fixed;bottom:0;width:inherit;padding:16px;text-align:center;border-top:1px solid rgba(0,0,0,.06);background:inherit;z-index:1}.user-avatar{width:40px!important;height:40px!important;font-size:18px!important;font-weight:700!important;color:#fff!important;background:#1890ff!important;border:none!important;transition:all .3s!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}.user-avatar:hover{background:#40a9ff!important;transform:scale(1.05)}[data-theme=dark] .sider-footer{border-top-color:#ffffff1a}[data-theme=dark] .user-avatar{background:#177ddc!important}[data-theme=dark] .user-avatar:hover{background:#1890ff!important}.ant-layout-sider-collapsed .sider-footer{width:80px}.user-dropdown-menu{padding:8px 0;min-width:160px;background:var(--component-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.user-info{padding:8px 16px}.username{display:block;font-weight:600;color:var(--text-color)}.role{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.divider{height:1px;background:var(--border-color);margin:4px 0}.menu-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-color);transition:all .3s}.menu-item:hover{background:var(--hover-color)}.menu-item i{font-size:14px;width:16px}[data-theme=dark] .user-dropdown-menu{background:#1f1f1f;border-color:#434343}[data-theme=dark] .menu-item:hover{background:#141414}[data-theme=dark] .divider{background:#434343}.search-container{position:relative;width:300px}.search-results{position:absolute;top:100%;left:0;width:100%;max-height:400px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 3px 6px #00000029;z-index:1000;margin-top:5px;padding:10px}.search-result-parent{padding:8px 12px;cursor:pointer;font-weight:700;border-bottom:1px solid var(--border-color);color:var(--text-color)}.search-result-child{padding:8px 12px;cursor:pointer;margin-left:15px;color:var(--text-color)}.search-result-parent:hover,.search-result-child:hover{background-color:var(--component-bg)}.parent-label{color:var(--text-secondary);font-size:12px}.cart-icon{font-size:18px;margin-right:12px}.header-right{display:flex;align-items:center;gap:12px}.user-avatar{background-color:#1890ff;color:#fff;font-weight:700}.category-tree{width:100%}.category-tree .ant-tree-node-content-wrapper{width:100%;display:flex}.ant-tree-treenode{width:100%;padding:5px 0}.ant-tree-node-selected{background-color:#f5f5f5!important}
