@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.dashboard{padding:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:24px 28px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;color:#fff}.dashboard-header h1{font-size:26px;font-weight:700;margin-bottom:4px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:#fff9;font-size:14px}.dashboard-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.action-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:#fff3}.stats-row{margin-bottom:8px}.stat-card{border:none!important;border-radius:20px!important;overflow:hidden;box-shadow:0 4px 20px #0000000f!important;transition:all .3s ease!important}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea26!important}.stat-card .ant-card-body{padding:0!important}.stat-card-inner{display:flex;align-items:center;padding:20px;gap:16px}.stat-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:16px;font-size:24px;color:#fff}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-title{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:26px;font-weight:700;color:#fff;line-height:1.2}.stat-trend{font-size:12px;padding:2px 8px;border-radius:10px;display:inline-block;width:fit-content}.stat-trend.up{background:#fff3;color:#fff}.stat-trend.down{background:#ff4d4f33;color:#ff6b6b}.content-card{border:none!important;border-radius:20px!important;box-shadow:0 4px 20px #0000000f!important;transition:all .3s ease!important}.content-card:hover{box-shadow:0 8px 30px #0000001a!important}.content-card .ant-card-head{border-bottom:1px solid rgba(0,0,0,.04)!important;padding:20px 24px!important;min-height:auto!important}.content-card .ant-card-head-title{font-size:16px!important;font-weight:600!important}.content-card .ant-card-body{padding:20px 24px!important}.card-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1a1a2e}.view-all-btn{background:none;border:none;color:#667eea;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.view-all-btn:hover{background:#667eea1a}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-item{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f8f9fc,#fff);border:1px solid rgba(0,0,0,.04);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left}.quick-action-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014;border-color:#667eea33}.quick-action-icon{font-size:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px}.quick-action-text{display:flex;flex-direction:column;gap:2px}.quick-action-title{font-size:14px;font-weight:600;color:#1a1a2e}.quick-action-desc{font-size:12px;color:#999}.custom-table .ant-table{background:transparent!important}.custom-table .ant-table-thead>tr>th{background:#f8f9fc!important;font-weight:600!important;font-size:13px!important;color:#666!important;border-bottom:none!important;padding:14px 16px!important}.custom-table .ant-table-tbody>tr>td{padding:16px!important;border-bottom:1px solid rgba(0,0,0,.04)!important;vertical-align:middle}.custom-table .ant-table-tbody>tr:hover>td{background:#667eea05!important}.order-id,.sku{font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;color:#667eea;background:#667eea1a;padding:4px 10px;border-radius:6px}.amount,.price{font-weight:600;color:#1a1a2e}.bottom-stats{margin-top:8px}.mini-stat-card{border:none!important;border-radius:16px!important;box-shadow:0 4px 20px #0000000a!important;transition:all .3s ease!important}.mini-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014!important}.mini-stat-card .ant-card-body{display:flex;align-items:center;gap:16px;padding:20px!important}.mini-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:22px}.mini-stat-content{display:flex;flex-direction:column;gap:2px}.mini-stat-value{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.mini-stat-label{font-size:13px;color:#999}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:20px;text-align:center;padding:20px}.dashboard-actions{width:100%;justify-content:center}.quick-actions{grid-template-columns:1fr}.stat-card-inner{padding:16px}.stat-value{font-size:22px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a1a0f,#0d2818,#0a1f12);position:relative;overflow:hidden}.login-articles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,.3) 0%,transparent 70%);animation:floatParticle 15s ease-in-out infinite}.particle:nth-child(1){width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.particle:nth-child(2){width:200px;height:200px;top:60%;right:15%;animation-delay:3s;background:radial-gradient(circle,rgba(76,175,80,.2) 0%,transparent 70%)}.particle:nth-child(3){width:250px;height:250px;bottom:10%;left:30%;animation-delay:6s;background:radial-gradient(circle,rgba(76,175,80,.25) 0%,transparent 70%)}.particle:nth-child(4){width:180px;height:180px;top:20%;right:30%;animation-delay:9s;background:radial-gradient(circle,rgba(76,175,80,.2) 0%,transparent 70%)}.particle:nth-child(5){width:220px;height:220px;top:40%;left:50%;animation-delay:12s;background:radial-gradient(circle,rgba(76,175,80,.15) 0%,transparent 70%)}@keyframes floatParticle{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(76,175,80,.05) 1px,transparent 1px);background-size:60px 60px;animation:moveGrid 30s linear infinite;z-index:0}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.login-card{width:440px;background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(76,175,80,.2);border-radius:28px;padding:48px 44px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #4caf504d,0 0 80px #4caf501a;position:relative;z-index:1;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:100px;height:100px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;animation:logoPulse 3s ease-in-out infinite}.login-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(76,175,80,.5))}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 20px rgba(76,175,80,.5))}50%{filter:drop-shadow(0 0 35px rgba(76,175,80,.8))}}.login-header h1{font-size:26px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:3px;text-shadow:0 2px 10px rgba(76,175,80,.4)}.login-header p{color:#4caf50cc;font-size:14px;letter-spacing:4px;text-transform:uppercase}.login-card .ant-form-item{margin-bottom:24px}.login-card .ant-input-affix-wrapper{background:#ffffff14!important;border:1px solid rgba(76,175,80,.3)!important;border-radius:14px!important;padding:12px 16px!important;transition:all .3s ease!important;color:#fff!important}.login-card .ant-input-affix-wrapper:hover,.login-card .ant-input-affix-wrapper:focus,.login-card .ant-input-affix-wrapper-focused{border-color:#4caf50!important;box-shadow:0 0 0 3px #4caf5026!important;background:#ffffff1f!important}.login-card .ant-input{background:transparent!important;color:#fff!important;font-size:15px}.login-card .ant-input::placeholder{color:#fff6!important}.login-card .ant-input-prefix{color:#4caf50cc!important;margin-right:12px}.login-card .ant-btn-primary{width:100%;height:52px;background:linear-gradient(135deg,#4caf50,#2e7d32)!important;border:none!important;border-radius:14px!important;font-size:16px;font-weight:600;letter-spacing:2px;transition:all .3s ease!important;box-shadow:0 4px 15px #4caf5066!important}.login-card .ant-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #4caf5080!important;background:linear-gradient(135deg,#5cbf60,#3e8d42)!important}.login-card .ant-btn-primary:active{transform:translateY(0)!important}.login-card .ant-btn-primary.loading{background:linear-gradient(135deg,#4caf50,#2e7d32)!important}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(76,175,80,.2)}.login-footer p{color:#ffffff80;font-size:12px;letter-spacing:1px}.login-card .ant-checkbox-wrapper{color:#ffffffb3}.login-card .ant-checkbox .ant-checkbox-inner{background:#ffffff1a;border-color:#4caf5080}.login-card .ant-checkbox-checked .ant-checkbox-inner{background:#4caf50;border-color:#4caf50}@media (max-width: 480px){.login-card{width:calc(100% - 40px);padding:36px 28px;margin:20px}.login-logo{width:80px;height:80px}.login-header h1{font-size:22px}}.logo{height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf5026,#2e7d3226);border-bottom:1px solid rgba(76,175,80,.2);position:relative;overflow:hidden}.logo:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4caf50,#2e7d32,transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.logo-img{height:42px;width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(76,175,80,.5));transition:filter .3s ease}.logo:hover .logo-img{filter:drop-shadow(0 0 16px rgba(76,175,80,.8))}.logo h1{color:#fff;font-size:16px;font-weight:600;margin:0 0 0 12px;letter-spacing:2px;background:linear-gradient(135deg,#4caf50,#2e7d32);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ant-layout-sider{background:linear-gradient(180deg,#0c1f0e,#0a1a0c)!important;box-shadow:4px 0 25px #0006;border-right:1px solid rgba(76,175,80,.1)}.ant-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column}.ant-layout-sider .ant-layout-sider-trigger{background:#4caf501a!important;border-top:1px solid rgba(76,175,80,.15);height:44px;color:#4caf50cc!important}.ant-layout-sider .ant-layout-sider-trigger:hover{background:#4caf5033!important}.ant-menu{background:transparent!important;border-right:none!important;padding:12px 0}.ant-menu-item{margin:4px 12px!important;border-radius:12px!important;height:48px!important;line-height:48px!important;color:#ffffffb3!important;transition:all .3s ease!important}.ant-menu-item:hover{color:#fff!important;background:#4caf501f!important}.ant-menu-item-selected{background:linear-gradient(135deg,#4caf5040,#2e7d3240)!important;color:#4caf50!important;box-shadow:0 4px 15px #4caf5026}.ant-menu-item-selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,#4caf50,#2e7d32);border-radius:0 4px 4px 0;box-shadow:0 0 8px #4caf5080}.ant-menu-item .anticon{font-size:16px!important;transition:transform .3s ease}.ant-menu-item:hover .anticon{transform:scale(1.15)}.ant-menu-item-selected .anticon{color:#4caf50!important}.site-header{background:#fffffff5!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 32px!important;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(76,175,80,.08);position:sticky;top:0;z-index:100;box-shadow:0 2px 16px #0000000a}.header-left{display:flex;align-items:center;gap:16px}.header-left h2{margin:0;font-size:20px;font-weight:600;color:#1b5e20;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:24px}.header-action{position:relative;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s ease;color:#666}.header-action:hover{background:#4caf5014;color:#4caf50}.header-action .ant-badge-count{background:linear-gradient(135deg,#4caf50,#2e7d32)!important;border:none!important;box-shadow:0 2px 8px #4caf5066!important}.user-info{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:30px;cursor:pointer;transition:all .3s ease;background:#4caf500d;border:1px solid rgba(76,175,80,.1)}.user-info:hover{background:#4caf501a;box-shadow:0 2px 10px #4caf501a}.user-info .ant-avatar{background:linear-gradient(135deg,#4caf50,#2e7d32)!important;box-shadow:0 2px 8px #4caf504d!important}.user-info span{font-size:14px;font-weight:500;color:#1b5e20}.ant-dropdown-menu{background:#fffffffa!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px!important;box-shadow:0 20px 50px #0000001f!important;padding:8px!important;border:1px solid rgba(0,0,0,.06)}.ant-dropdown-menu-item{border-radius:10px!important;padding:10px 16px!important;color:#333!important;transition:all .2s ease!important}.ant-dropdown-menu-item:hover{background:#4caf5014!important;color:#4caf50!important}.ant-dropdown-menu-item-danger:hover{background:#ff4d4f14!important;color:#ff4d4f!important}.site-content{margin:24px!important;padding:28px!important;background:#f0f4f0!important;min-height:calc(100vh - 120px);border-radius:20px;box-shadow:inset 0 2px 10px #00000005}::-webkit-scrollbar-track{background:#4caf500d;border-radius:4px}::-webkit-scrollbar-thumb{background:#4caf504d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4caf5080}@media (max-width: 768px){.site-header{padding:0 16px!important}.header-left h2{font-size:16px}.site-content{margin:16px!important;padding:20px!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4f0}#root{min-height:100vh}:root{--primary-color: #4caf50;--primary-gradient: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);--primary-light: rgba(76, 175, 80, .08);--primary-medium: rgba(76, 175, 80, .15);--primary-shadow: 0 4px 15px rgba(76, 175, 80, .3);--primary-shadow-lg: 0 8px 30px rgba(76, 175, 80, .2);--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--info-color: #2196f3;--text-primary: #1b5e20;--text-secondary: #555;--text-tertiary: #888;--bg-white: #ffffff;--bg-gray: #f0f4f0;--bg-dark: #0c1f0e;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(76, 175, 80, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px}.ant-btn{border-radius:var(--radius-md)!important;font-weight:500!important;transition:all .3s ease!important}.ant-btn-primary{background:var(--primary-gradient)!important;border:none!important;box-shadow:var(--primary-shadow)!important}.ant-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--primary-shadow-lg)!important;filter:brightness(1.08)}.ant-btn-default:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:var(--primary-light)!important}.ant-btn-link{color:var(--primary-color)!important}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid rgba(76,175,80,.08)!important;box-shadow:var(--shadow-sm)!important;transition:all .3s ease!important}.ant-card:hover{box-shadow:var(--shadow-md)!important}.ant-card-head{border-bottom:1px solid rgba(76,175,80,.08)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.ant-card-head-title{font-weight:600!important;color:var(--text-primary)!important}.ant-table{border-radius:var(--radius-lg)!important;overflow:hidden!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#4caf500f,#2e7d320f)!important;font-weight:600!important;color:var(--text-primary)!important;border-bottom:2px solid rgba(76,175,80,.1)!important}.ant-table-tbody>tr:hover>td{background:#4caf500a!important}.ant-table-tbody>tr>td{border-bottom:1px solid rgba(0,0,0,.04)!important;transition:background .2s ease!important}.ant-form-item-label>label{font-weight:500!important;color:var(--text-primary)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #4caf501a!important}.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important;border-color:#0000001a!important;transition:all .3s ease!important}.ant-tabs-nav:before{border-bottom-color:#4caf5014!important}.ant-tabs-tab{font-weight:500!important;padding:12px 0!important;color:var(--text-secondary)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)!important}.ant-tabs-ink-bar{background:var(--primary-gradient)!important;height:3px!important;border-radius:3px 3px 0 0!important}.ant-badge-status-dot{width:8px!important;height:8px!important}.ant-tag{border-radius:var(--radius-sm)!important;padding:2px 10px!important;font-weight:500!important}.ant-tag-green{background:#4caf501a!important;border-color:#4caf5033!important;color:#2e7d32!important}.ant-modal-content{border-radius:var(--radius-xl)!important;overflow:hidden!important}.ant-modal-header{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;background:linear-gradient(135deg,#4caf500a,#2e7d320a)!important}.ant-modal-footer{border-top:1px solid rgba(76,175,80,.08)!important}.ant-drawer-content{border-radius:var(--radius-xl) 0 0 var(--radius-xl)!important}.ant-drawer-header{background:linear-gradient(135deg,#4caf500a,#2e7d320a)!important}.ant-message-notice-content{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-pagination-item{border-radius:var(--radius-sm)!important;border:1px solid rgba(76,175,80,.15)!important}.ant-pagination-item-active{background:var(--primary-gradient)!important;border-color:transparent!important}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-item:hover{border-color:var(--primary-color)!important}.ant-progress-bg,.ant-switch-checked{background:var(--primary-gradient)!important}.ant-checkbox-checked .ant-checkbox-inner{background:var(--primary-gradient)!important;border-color:var(--primary-color)!important}.ant-radio-checked .ant-radio-inner{border-color:var(--primary-color)!important}.ant-radio-checked .ant-radio-inner:after{background:var(--primary-color)!important}.ant-select-dropdown{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#4caf501a!important;color:var(--primary-color)!important;font-weight:600!important}.ant-picker-dropdown{border-radius:var(--radius-md)!important}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--primary-gradient)!important}.ant-notification-notice{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-empty-description{color:var(--text-tertiary)!important}.ant-tooltip-inner{border-radius:var(--radius-sm)!important}.gradient-bg{background:var(--primary-gradient)!important}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform .3s ease,box-shadow .3s ease!important}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important}.glow-effect{box-shadow:var(--shadow-glow)!important}.gradient-border{position:relative;background:#fff}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:var(--primary-gradient);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#4caf500a;border-radius:4px}::-webkit-scrollbar-thumb{background:#4caf5040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4caf5066}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}a{color:var(--primary-color);transition:color .2s ease}a:hover{color:#2e7d32}::selection{background:#4caf5033;color:var(--text-primary)}
