@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Outfit:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap");:root{--bg-base:#f5f7f5;--bg-surface:#fff;--bg-elevated:#fff;--bg-muted:#f0f2f0;--bg-hover:#e8ebe8;--glass-bg:hsla(0,0%,100%,.9);--glass-border:rgba(0,0,0,.08);--glass-shadow:0 8px 32px rgba(0,0,0,.08);--green-50:#ecfdf5;--green-100:#d1fae5;--green-200:#a7f3d0;--green-300:#6ee7b7;--green-400:#34d399;--green-500:#10b981;--green-600:#059669;--green-700:#047857;--green-800:#065f46;--green-900:#064e3b;--teal-400:#2dd4bf;--teal-500:#14b8a6;--color-primary:#059669;--color-primary-strong:#047857;--color-primary-soft:#ecfdf5;--color-secondary:#10b981;--color-accent:#10b981;--color-warning:#ffab00;--color-warning-soft:#fef3c7;--color-danger:#ff5252;--color-danger-soft:#fee2e2;--color-success:#22c55e;--color-success-soft:#dcfce7;--color-bg:#f5f7f5;--color-surface:#fff;--color-surface-muted:#f0f2f0;--color-surface-raised:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#1a1a1a;--color-text-muted:rgba(0,0,0,.65);--color-text-subtle:rgba(0,0,0,.4);--sidebar-bg:#064e3b;--sidebar-bg-hover:rgba(236,253,245,.09);--sidebar-bg-active:rgba(16,185,129,.24);--sidebar-text:#f0fdf4;--sidebar-text-muted:rgba(240,253,244,.72);--sidebar-text-subtle:rgba(240,253,244,.46);--sidebar-border:rgba(236,253,245,.13);--sidebar-width:224px;--header-bg:hsla(0,0%,100%,.95);--header-border:#e5e7eb;--dashboard-bg:#f5f7f5;--border-subtle:rgba(0,0,0,.06);--border-light:rgba(0,0,0,.1);--border-accent:rgba(34,197,94,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.1);--shadow-xl:0 16px 48px rgba(0,0,0,.12);--shadow-glow-green:0 0 40px rgba(16,185,129,.2);--gradient-primary:linear-gradient(135deg,#10b981,#059669 50%,#047857);--gradient-primary-hover:linear-gradient(135deg,#34d399,#10b981);--gradient-surface:linear-gradient(180deg,#fff,#f5f7f5);--gradient-mesh:radial-gradient(ellipse at 20% 0%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(5,150,105,.05) 0%,transparent 50%);--gradient-login-left:linear-gradient(135deg,#059669,#10b981 50%,#34d399);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--app-shadow-sm:var(--shadow-sm);--app-shadow-md:var(--shadow-md);--app-shadow-lg:var(--shadow-lg);--app-bg:var(--color-bg);--app-surface:var(--color-surface);--app-surface-muted:var(--color-surface-muted);--app-surface-raised:var(--color-surface-raised);--app-border:var(--color-border);--app-border-strong:var(--color-border-strong);--app-text:var(--color-text);--app-text-muted:var(--color-text-muted);--app-text-subtle:var(--color-text-subtle);--app-primary:var(--color-primary);--app-primary-strong:var(--color-primary-strong);--app-primary-soft:var(--color-primary-soft);--app-accent:var(--color-accent);--app-warning:var(--color-warning);--app-danger:var(--color-danger);--app-success:var(--color-success)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.5}body:before{background:var(--gradient-mesh);z-index:-2;animation:meshPulse 15s ease-in-out infinite}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0);background-size:40px 40px;z-index:-1}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:var(--dashboard-bg);display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-main-shell{flex:1 1;min-width:0;display:flex;flex-direction:column}.app-content{flex:1 1;padding:0;min-width:0}.page-tabs{height:42px;flex-shrink:0;background:hsla(0,0%,100%,.92);border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden}.page-tabs__inner{display:flex;align-items:stretch;min-width:max-content;height:42px;padding:0 16px;gap:2px}.page-tabs__item{position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px;color:var(--color-text-muted);font-size:13px;border-right:1px solid var(--color-border);transition:background var(--transition-fast),color var(--transition-fast)}.page-tabs__item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.page-tabs__item.is-active{background:#e8f7f1;color:var(--color-primary-strong);font-weight:600}.page-tabs__item.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0}.page-tabs__icon{display:inline-flex;align-items:center;font-size:14px}.page-tabs__label{white-space:nowrap}.page-tabs__close{width:14px;height:14px;padding:0;border:0;border-radius:4px;background:transparent;color:currentColor;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:9px;opacity:.72}.page-tabs__close:hover{background:rgba(5,150,105,.12);opacity:1}.app-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-header.ant-layout-header{height:56px;padding:0 20px;background:var(--header-bg);border-bottom:1px solid var(--header-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header__left,.app-header__right{display:flex;align-items:center;gap:8px;min-width:0}.app-header__divider{height:20px;border-left:1px solid var(--color-border);margin:0 4px}.app-header__title{font-size:14px;font-weight:700;color:var(--color-text);white-space:nowrap}.app-header__online.ant-tag{margin:0;background:#f0fdf4;color:#16a34a;border-color:#bbf7d0;font-size:12px;font-weight:600;border-radius:6px;display:flex;align-items:center;gap:4px}.app-header__sync.ant-tag{margin:0;background:var(--color-primary-soft);color:var(--color-primary);border-color:#a7f3d0;font-size:12px;font-weight:600;border-radius:6px;cursor:default}.app-header__action-btn.ant-btn{border-color:var(--color-border);color:var(--color-text);font-size:12px;background:transparent;display:flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:var(--radius-md)}.app-header__action-btn.ant-btn:hover{border-color:var(--green-400);color:var(--green-600)}.app-header__vip-btn.ant-btn{background:var(--gradient-primary);border:none;color:#fff;font-size:12px;font-weight:600;height:30px;padding:0 12px;display:flex;align-items:center;gap:4px;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(16,185,129,.3)}.app-header__vip-btn.ant-btn:hover{opacity:.92;color:#fff}.app-header__icon-btn.ant-btn{color:var(--color-text-muted);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.app-header__icon-btn.ant-btn:hover{background:var(--bg-muted);color:var(--color-text)}.app-header__store-btn.ant-btn{border-color:var(--color-border);color:var(--color-text);font-size:12px;height:30px;padding:0 10px;display:flex;align-items:center;gap:4px;background:transparent;border-radius:var(--radius-md)}.app-header__store-btn.ant-btn:hover{border-color:var(--green-400);color:var(--green-600)}.app-header__user{padding:4px 8px;border-radius:var(--radius-md);cursor:pointer}.app-header__user:hover{background:var(--bg-muted)}.dashboard-page{max-width:100%;margin:0;padding:0 28px 32px}.dashboard-topbar{height:48px;padding:0 24px;background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:9}.dashboard-topbar__logo{display:flex;align-items:center;gap:6px}.dashboard-topbar__logo-mark{width:18px;height:18px;border-radius:4px;background:var(--gradient-primary)}.dashboard-topbar__logo-name{font-size:13px;font-weight:700;color:var(--color-text)}.dashboard-topbar__breadcrumb{font-size:13px;color:var(--color-text-muted);padding-left:12px;border-left:1px solid var(--color-border)}.dashboard-topbar__bc-item,.dashboard-topbar__breadcrumb{display:flex;align-items:center;gap:6px}.dashboard-topbar__bc-item--active{color:var(--color-text);font-weight:600}.dashboard-topbar__bc-dot{width:6px;height:6px;border-radius:50%;background:var(--green-500)}.dashboard-chart__bar{background:var(--gradient-primary)!important;box-shadow:0 4px 12px rgba(16,185,129,.2)!important}.ant-btn{font-family:DM Sans,Noto Sans SC,sans-serif;font-weight:500;border-radius:var(--radius-md)!important;transition:all var(--transition-base)!important;border:none;cursor:pointer}.ant-btn-default{background:var(--bg-elevated)!important;border:1px solid var(--border-light)!important;color:var(--color-text-muted)!important}.ant-btn-default:hover{background:var(--bg-hover)!important;border-color:var(--green-400)!important;color:var(--green-500)!important;transform:translateY(-1px)}.ant-btn-primary{background:var(--gradient-primary)!important;color:#fff!important;font-weight:600!important;border:none!important;box-shadow:0 4px 16px rgba(16,185,129,.3)!important}.ant-btn-primary:hover{background:var(--gradient-primary-hover)!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.4)!important}.ant-btn-dangerous{background:linear-gradient(135deg,var(--color-danger) 0,#d32f2f 100%)!important;color:#fff!important}.ant-card{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important}.ant-card:hover{border-color:var(--border-accent)!important}.ant-card-body{padding:20px}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select-selector{background:var(--bg-muted)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;color:var(--color-text)!important;transition:all var(--transition-fast)!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus,.ant-input-number:focus,.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:var(--green-400)!important;box-shadow:0 0 0 3px rgba(52,211,153,.1)!important}.ant-input::placeholder{color:var(--color-text-subtle)!important}.ant-switch{background:var(--bg-elevated)!important}.ant-switch-checked{background:var(--gradient-primary)!important}.ant-slider-track{background:var(--green-400)!important}.ant-slider-handle{border-color:var(--green-400)!important;background:var(--bg-surface)!important;box-shadow:0 0 0 4px rgba(52,211,153,.15)!important}.ant-slider-rail{background:var(--bg-elevated)!important}.ant-steps-item-finish .ant-steps-item-icon{background:var(--green-400)!important;border-color:var(--green-400)!important}.ant-steps-item-process .ant-steps-item-icon{background:var(--gradient-primary)!important;border-color:var(--green-400)!important}.ant-steps-item-finish .ant-steps-item-description,.ant-steps-item-finish .ant-steps-item-title{color:var(--green-500)!important}.ant-progress-bg{background:var(--gradient-primary)!important}.ant-progress-inner{background:var(--bg-elevated)!important}.ant-modal-content{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important}.ant-modal-header{background:transparent!important;border-bottom:1px solid var(--border-subtle)!important}.ant-modal-title{color:var(--color-text)!important}.ant-modal-close{color:var(--color-text-subtle)!important}.ant-message-notice-content,.ant-modal-close:hover{color:var(--color-text)!important}.ant-message-notice-content{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.ant-spin-dot-item{background:var(--green-400)!important}.ant-badge-count{background:var(--gradient-primary)!important;box-shadow:0 2px 8px rgba(16,185,129,.3)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blobMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes meshPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:900px){.app-shell{display:block}.app-sidebar{position:relative;width:100%;height:auto}.app-content{padding:16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}::selection{background:rgba(16,185,129,.25);color:var(--color-text)}