:root{color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#f7f5ff;background:#050611;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{border:0}.login-page{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:#050611;background-image:url(/assets/login-bg-eqWMotCW.png);background-position:center;background-repeat:no-repeat;background-size:cover}.ambient-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 44%,rgba(2,3,12,.12) 57%,rgba(2,3,12,.72) 100%)}.login-panel{position:absolute;top:50%;right:clamp(42px,6.8vw,138px);width:clamp(460px,37.8vw,620px);min-height:min(74vh,720px);transform:translateY(-50%);overflow:hidden;border:1px solid rgba(152,91,255,.92);border-radius:26px;background:linear-gradient(145deg,#16182fe6,#070816f2);box-shadow:0 0 0 1px #ac70ff14 inset,0 0 32px #7033d633,0 34px 80px #0000008f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel:before{position:absolute;top:0;left:12%;width:76%;height:1px;content:"";background:linear-gradient(90deg,transparent,#b981ff,transparent);box-shadow:0 0 18px #8a44ff}.panel-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(144,91,226,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(144,91,226,.12) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.panel-content{position:relative;z-index:1;padding:clamp(38px,5.2vh,58px) clamp(38px,3.8vw,62px) 42px}.panel-header{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:clamp(34px,4.8vh,50px)}.panel-header h1{position:relative;margin:0;font-size:clamp(28px,2.05vw,38px);font-weight:650;line-height:1.25;letter-spacing:0;text-shadow:0 0 24px rgba(173,116,255,.2)}.panel-header h1:after{position:absolute;bottom:-14px;left:50%;width:76px;height:2px;content:"";transform:translate(-50%);background:linear-gradient(90deg,transparent,#9252ff,transparent);box-shadow:0 0 10px #7c3aed}.spark{color:#a86bff;font-size:17px;text-shadow:0 0 12px #8b42ff}.login-form{display:grid;gap:clamp(20px,2.4vh,28px)}.field-group{display:grid;gap:10px}.field-label{color:#f5f2ff;font-size:16px;font-weight:600}.input-shell{display:flex;width:100%;height:59px;align-items:center;gap:13px;padding:0 18px;color:#9ea4c1;border:1px solid rgba(149,154,186,.27);border-radius:9px;background:#ffffff0b;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input-shell:focus-within{border-color:#9d5effe6;background:#7545c417;box-shadow:0 0 0 3px #7c3aed21,0 0 20px #7c3aed1a}.input-shell input{width:100%;min-width:0;height:100%;padding:0;color:#faf9ff;border:0;outline:0;background:transparent;font-size:16px;letter-spacing:0}.input-shell input::placeholder{color:#7f849f}.icon-button{display:inline-grid;width:38px;height:38px;flex:0 0 38px;place-items:center;padding:0;color:#a7acc7;border-radius:50%;background:transparent;cursor:pointer;transition:color .16s ease,background .16s ease}.icon-button:hover{color:#cda9ff;background:#8e50f11a}.icon-button:focus-visible,.captcha-image:focus-visible,.login-button:focus-visible,.forgot-button:focus-visible{outline:2px solid #bb86fc;outline-offset:3px}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 136px 42px;gap:14px;align-items:center}.captcha-image{display:grid;width:136px;height:59px;place-items:center;overflow:hidden;padding:0;border-radius:8px;background:#f4efff;cursor:pointer}.captcha-image img{display:block;width:100%;height:100%;object-fit:cover}.refresh-button{width:42px;height:42px}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:-3px;color:#c5c7d7;font-size:14px}.remember-control{display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-control input{position:absolute;width:1px;height:1px;opacity:0}.checkbox-visual{position:relative;width:19px;height:19px;border:1px solid #6f748e;border-radius:4px;background:#ffffff0a}.remember-control input:checked+.checkbox-visual{border-color:#8b52ff;background:#7c3aed;box-shadow:0 0 12px #7c3aed73}.remember-control input:checked+.checkbox-visual:after{position:absolute;top:3px;left:6px;width:5px;height:9px;content:"";transform:rotate(45deg);border-right:2px solid white;border-bottom:2px solid white}.remember-control input:focus-visible+.checkbox-visual{outline:2px solid #bb86fc;outline-offset:3px}.forgot-button{padding:4px 0;color:#bd83ff;background:transparent;cursor:pointer}.forgot-button:hover{color:#d6b3ff}.form-message{display:flex;min-height:22px;align-items:center;gap:8px;margin:-7px 0;font-size:14px}.error-message{color:#ff91ad}.success-message{color:#9ee6c1}.login-button{position:relative;display:flex;width:100%;height:62px;align-items:center;justify-content:center;gap:10px;overflow:hidden;margin-top:5px;color:#fff;border-radius:8px;background:linear-gradient(110deg,#6e32ed,#9552ff 48%,#6d28e7);box-shadow:0 10px 30px #6830dc57,0 0 20px #9152ff29 inset;cursor:pointer;font-size:20px;font-weight:650;letter-spacing:0;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.login-button:before{position:absolute;top:0;left:-45%;width:36%;height:100%;content:"";transform:skew(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .48s ease}.login-button:hover:not(:disabled):before{left:112%}.login-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 36px #6830dc6b,0 0 24px #9152ff33 inset}.login-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.66}.spin{animation:spin .8s linear infinite}.mobile-brand{display:none}@keyframes spin{to{transform:rotate(360deg)}}.session-loading{display:grid;min-height:100vh;place-items:center;color:#a66cff;background:#080a13}@media(max-width:1180px){.login-page{background-position:39% center}.login-panel{right:36px;width:min(500px,45vw)}.panel-content{padding-inline:38px}}@media(max-width:820px){.login-page{display:grid;min-height:100dvh;place-items:center;overflow:auto;padding:86px 18px 30px;background-position:31% center}.ambient-vignette{background:#02030c94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-panel{position:relative;top:auto;right:auto;width:min(100%,520px);min-height:0;transform:none;border-radius:18px}.panel-content{padding:36px 28px 30px}.mobile-brand{position:absolute;top:24px;left:24px;display:grid;gap:2px;color:#fff;text-shadow:0 2px 16px #000}.mobile-brand strong{font-size:20px}.mobile-brand span{color:#bca2dd;font-family:Arial Narrow,Arial,sans-serif;font-size:10px}}@media(max-width:520px){.login-page{padding-inline:12px}.panel-content{padding-inline:20px}.captcha-row{grid-template-columns:minmax(0,1fr) 112px 38px;gap:8px}.captcha-image{width:112px}.input-shell,.captcha-image{height:55px}}@media(max-height:760px)and (min-width:821px){.login-panel{min-height:0}.panel-content{padding-top:30px;padding-bottom:28px}.panel-header{margin-bottom:30px}.login-form{gap:17px}.input-shell,.captcha-image{height:52px}.login-button{height:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-shell{--sidebar-width: 200px;display:grid;min-width:1180px;min-height:100vh;grid-template-columns:var(--sidebar-width) minmax(0,1fr);color:#f5f3fb;background:radial-gradient(circle at 70% 18%,rgba(106,55,174,.06),transparent 28%),#090b13}.dashboard-sidebar{position:fixed;z-index:20;top:0;bottom:0;left:0;width:var(--sidebar-width);overflow:hidden auto;border-right:1px solid rgba(111,117,148,.1);background:linear-gradient(180deg,#11131f,#0d0f19);transition:width .18s ease}.dashboard-main{display:grid;min-height:100vh;grid-column:2;grid-template-rows:58px 1fr 44px;transition:margin .18s ease}.brand-block{display:flex;height:76px;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid rgba(111,117,148,.08)}.brand-block img{width:42px;height:42px;flex:0 0 42px;object-fit:cover;border-radius:50%;box-shadow:0 0 18px #8948ef5c}.brand-copy{display:grid;gap:1px;white-space:nowrap}.brand-copy strong{font-size:18px;font-weight:750}.brand-copy span{color:#c2b9d5;font-family:Arial Narrow,Arial,sans-serif;font-size:9px}.sidebar-nav{display:grid;gap:4px;padding:16px 13px 24px}.nav-section{display:grid;gap:2px}.nav-item{display:grid;width:100%;height:40px;grid-template-columns:21px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:0 10px;color:#d5d3dd;border-radius:5px;background:transparent;cursor:pointer;text-align:left;white-space:nowrap;transition:color .15s ease,background .15s ease}.nav-item:hover{color:#fff;background:#8b52e817}.nav-item.active{color:#fff;background:linear-gradient(100deg,#7240dc,#9853e4);box-shadow:0 8px 18px #6c33d533}.nav-item span{overflow:hidden;font-size:13px;text-overflow:ellipsis}.nav-chevron{justify-self:end}.nav-children{display:grid;padding:2px 0 6px 34px}.nav-children button{height:31px;padding:0 8px;color:#84899c;background:transparent;cursor:pointer;font-size:12px;text-align:left}.nav-children button:hover{color:#cda8ff}.nav-children button.active{color:#cda8ff;background:#8b52e814}.dashboard-topbar{position:sticky;z-index:15;top:0;display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(111,117,148,.1);background:#0a0c15f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-left,.topbar-actions,.profile-button,.content-heading>div,.heading-actions,.card-heading,.card-heading button,.user-cell{display:flex;align-items:center}.topbar-left{gap:14px;color:#d4d2dc;font-size:14px}.topbar-actions{position:relative;gap:5px}.toolbar-icon{position:relative;display:grid;width:34px;height:34px;place-items:center;padding:0;color:#d7d5de;border-radius:50%;background:transparent;cursor:pointer}.toolbar-icon:hover{color:#cda4ff;background:#9656ef1a}.notification span{position:absolute;top:1px;right:0;min-width:15px;height:15px;padding:0 3px;color:#fff;border-radius:8px;background:#ef476f;font-size:9px;line-height:15px}.profile-button{gap:8px;margin-left:8px;padding:4px 4px 4px 8px;color:#fff;border-radius:5px;background:transparent;cursor:pointer;text-align:left}.profile-button:hover{background:#ffffff0a}.profile-button img{width:34px;height:34px;object-fit:cover;border-radius:50%;box-shadow:0 0 12px #904feb52}.profile-copy{display:grid;min-width:76px;gap:1px}.profile-copy strong{font-size:12px;font-weight:600}.profile-copy small{color:#818699;font-size:10px}.profile-menu{position:absolute;top:49px;right:2px;width:130px;padding:6px;border:1px solid rgba(135,91,205,.24);border-radius:6px;background:#151724;box-shadow:0 16px 32px #0000005c}.profile-menu button{display:flex;width:100%;height:34px;align-items:center;gap:8px;padding:0 10px;color:#dedbe8;border-radius:4px;background:transparent;cursor:pointer}.profile-menu button:hover{color:#ff9fb6;background:#ef476f14}.dashboard-content{padding:18px 20px 22px}.content-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.content-heading>div:first-child{gap:10px}.heading-icon{display:grid;color:#c695ff;place-items:center}.content-heading h1{margin:0;font-size:15px;font-weight:650}.heading-actions{gap:9px}.date-control,.export-button{display:flex;height:33px;align-items:center;gap:7px;padding:0 12px;color:#d9d7e1;border:1px solid rgba(111,117,148,.16);border-radius:5px;background:#11131f;cursor:pointer;font-size:11px}.date-control select{color:inherit;border:0;outline:0;background:transparent;cursor:pointer;font:inherit}.date-control select option{color:#252238;background:#fff}.export-button{color:#fff;border-color:#9155e833;background:linear-gradient(110deg,#332153,#583482)}.dashboard-state{display:flex;min-height:420px;align-items:center;justify-content:center;gap:10px;color:#9c77d6}.error-state{color:#ff91ad}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.metric-card,.dashboard-card{border:1px solid rgba(111,117,148,.14);border-radius:7px;background:linear-gradient(145deg,#131623fa,#0d0f19fa);box-shadow:0 14px 30px #0000001f}.metric-card{display:flex;min-width:0;height:106px;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px}.metric-card>div{display:grid;min-width:0;gap:6px}.metric-card span:first-child{color:#b7b9c8;font-size:12px;white-space:nowrap}.metric-card strong{overflow:hidden;color:#fbfaff;font-family:Arial Narrow,Microsoft YaHei,sans-serif;font-size:23px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.metric-card small{overflow:hidden;color:#74798d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.metric-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:50%}.metric-icon.violet{color:#b080ff;background:#8946dd38}.metric-icon.purple{color:#ad71ff;background:#6e34ce33}.metric-icon.blue{color:#64b6ff;background:#2e7ed333}.metric-icon.magenta{color:#e86ff0;background:#b932bd33}.metric-icon.gold{color:#ffc33d;background:#d7911433}.metric-icon.green{color:#5de19a;background:#29a16033}.chart-grid{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(300px,1fr) minmax(300px,1fr);gap:14px;margin-top:14px}.dashboard-card{min-width:0;overflow:hidden}.card-heading{min-height:48px;justify-content:space-between;padding:13px 15px 0}.card-heading h2{margin:0;font-size:14px;font-weight:650}.card-heading button{gap:2px;padding:4px;color:#888da0;background:transparent;cursor:pointer;font-size:10px}.trend-card,.donut-card{height:310px}.trend-card .card-heading{align-items:flex-start}.trend-tabs{display:flex;gap:23px;margin-top:12px}.trend-tabs button{position:relative;padding:0 0 9px;color:#777c90;background:transparent;cursor:pointer;font-size:11px}.trend-tabs button.active{color:#f3effb}.trend-tabs button.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:#9a5cff;box-shadow:0 0 8px #8348e4}.period-badge{padding:5px 8px;color:#a6aabc;border:1px solid rgba(111,117,148,.13);border-radius:4px;background:#10121d;font-size:10px}.chart-canvas{width:100%}.trend-canvas{height:236px}.donut-canvas{height:252px}.table-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(380px,1fr);gap:14px;margin-top:14px}.table-card{min-height:330px}.data-table-wrap{overflow-x:auto;padding:6px 15px 14px}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{overflow:hidden;padding:11px 9px;border-bottom:1px solid rgba(111,117,148,.08);font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.data-table th{color:#8c91a3;background:#ffffff03;font-weight:500}.data-table td{color:#d8d7df}.data-table th:nth-child(1){width:19%}.data-table th:nth-child(2){width:15%}.data-table th:nth-child(3){width:24%}.data-table th:nth-child(4){width:14%}.data-table th:nth-child(5){width:13%}.data-table th:nth-child(6){width:18%}.user-cell{min-width:0;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-avatar{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;color:#fff;border-radius:50%;background:linear-gradient(145deg,#6940a5,#a75de0);font-size:10px}.points-value{color:#b778ff!important;font-weight:650}.status-tag{display:inline-flex;padding:4px 8px;border:1px solid;border-radius:10px;font-size:10px}.status-tag.wait_ship{color:#ffc33d;border-color:#ffc33d4d;background:#ffc33d12}.status-tag.shipped{color:#58b7ff;border-color:#58b7ff4d;background:#58b7ff12}.status-tag.completed{color:#5de19a;border-color:#5de19a4d;background:#5de19a12}.status-tag.cancelled{color:#999eb0;border-color:#999eb040;background:#999eb00d}.empty-cell{height:128px;color:#6f7487!important;text-align:center!important}.ranking-head,.ranking-row{display:grid;grid-template-columns:50px minmax(120px,1fr) 110px 66px;align-items:center;gap:8px;padding:10px 15px}.ranking-head{margin:6px 15px 0;padding-inline:0;color:#858a9d;border-bottom:1px solid rgba(111,117,148,.08);font-size:10px}.ranking-row{min-height:50px;color:#d9d8e0;border-bottom:1px solid rgba(111,117,148,.07);font-size:11px}.ranking-row strong{color:#f3f1f8;font-size:12px}.rank{display:grid;width:23px;height:23px;place-items:center;color:#8e93a5}.rank-1,.rank-2,.rank-3{border-radius:50% 50% 45% 45%;color:#0d0f17;font-weight:800}.rank-1{background:#ffc33d}.rank-2{background:#c7cbd5}.rank-3{background:#da8a5b}.ranking-empty{display:grid;min-height:180px;color:#6f7487;place-items:center;font-size:11px}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#62677a;border-top:1px solid rgba(111,117,148,.08);background:#0c0e17;font-size:10px}.sidebar-collapsed{--sidebar-width: 68px}.sidebar-collapsed .brand-block{justify-content:center;padding-inline:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-chevron{display:none}.sidebar-collapsed .sidebar-nav{padding-inline:10px}.sidebar-collapsed .nav-item{display:grid;grid-template-columns:1fr;justify-items:center;padding:0}.theme-toggle svg{transition:transform .18s ease}.theme-toggle:hover svg{transform:rotate(12deg)}.dashboard-shell.theme-light{color-scheme:light;color:#252238;background:#f3f4f8}.theme-light .dashboard-sidebar{border-right-color:#e2e4ed;background:linear-gradient(180deg,#fff,#f8f8fb);box-shadow:8px 0 24px #2b234609}.theme-light .brand-block{border-bottom-color:#ececf2}.theme-light .brand-copy strong,.theme-light .profile-button,.theme-light .nav-item:hover,.theme-light .nav-item.active{color:#252238}.theme-light .brand-copy span{color:#736d82}.theme-light .nav-item{color:#555265}.theme-light .nav-item:hover{background:#7c3aed12}.theme-light .nav-item.active{color:#fff;background:linear-gradient(100deg,#7240dc,#9853e4)}.theme-light .nav-children button{color:#777487}.theme-light .dashboard-topbar{border-bottom-color:#e3e4ec;background:#fffffff0;box-shadow:0 4px 18px #29233f09}.theme-light .topbar-left,.theme-light .toolbar-icon{color:#4b475a}.theme-light .toolbar-icon:hover{color:#7c3aed;background:#7c3aed14}.theme-light .profile-button:hover{background:#f4f1fa}.theme-light .profile-copy small{color:#777487}.theme-light .profile-menu{border-color:#ded8ec;background:#fff;box-shadow:0 16px 32px #2d244324}.theme-light .profile-menu button{color:#484355}.theme-light .date-control{color:#514c60;border-color:#dedfe8;background:#fff}.theme-light .metric-card,.theme-light .dashboard-card{border-color:#e0e1e9;background:#fff;box-shadow:0 10px 24px #2e28460e}.theme-light .metric-card span:first-child{color:#5e5a6c}.theme-light .metric-card strong,.theme-light .card-heading h2,.theme-light .trend-tabs button.active,.theme-light .ranking-row strong{color:#282438}.theme-light .metric-card small,.theme-light .card-heading button,.theme-light .trend-tabs button,.theme-light .ranking-head{color:#797586}.theme-light .period-badge{color:#686475;border-color:#dedfe7;background:#f7f7fa}.theme-light .data-table th{color:#696576;background:#f8f8fb}.theme-light .data-table td,.theme-light .ranking-row{color:#464252}.theme-light .data-table th,.theme-light .data-table td,.theme-light .ranking-head,.theme-light .ranking-row{border-bottom-color:#ececf2}.theme-light .ranking-empty,.theme-light .empty-cell{color:#898695!important}.theme-light .dashboard-footer{color:#85818f;border-top-color:#e3e4eb;background:#fff}@media(max-width:1360px){.dashboard-shell{--sidebar-width: 180px}.metric-grid{gap:10px}.metric-card{padding-inline:12px}.metric-icon{width:40px;height:40px;flex-basis:40px}.metric-card strong{font-size:20px}}@media(max-width:1180px){.dashboard-shell{min-width:0;grid-template-columns:minmax(0,1fr)}.dashboard-sidebar{display:none}.dashboard-main{grid-column:1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid,.table-grid{grid-template-columns:minmax(0,1fr)}.trend-card,.donut-card{height:330px}.donut-canvas{height:270px}}@media(max-width:620px){.dashboard-content{padding-inline:12px}.content-heading{align-items:flex-start;gap:12px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.metric-grid{grid-template-columns:minmax(0,1fr)}.profile-copy,.topbar-left>span{display:none}.ranking-head,.ranking-row{grid-template-columns:42px minmax(100px,1fr) 90px 50px}.dashboard-footer{justify-content:center}.dashboard-footer span:last-child{display:none}}