:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;--brand:#2868f6;--brand-dark:#1d55d2;--brand-soft:#edf4ff;--ink:#1f2937;--muted:#8b96a8;--line:#e9edf4;--surface:#fff;--page:#f5f7fb;--shadow:0 8px 24px #172b4d0f;background:#f5f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:1080px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.55}.app{background:var(--page);min-height:100vh}.icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.site-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;align-items:center;gap:28px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.logo{color:#111827;letter-spacing:-.8px;flex:0 0 136px;padding-left:18px;font-size:19px;font-weight:800;position:relative}.logo:before{content:"";background:linear-gradient(#4e89ff,#2459df);border-radius:5px;width:7px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:6px 0 #b9d0ff}.top-nav{flex:1;align-items:center;gap:3px;min-width:0;height:64px;display:flex}.top-nav button{color:#667085;white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:58px;height:38px;padding:0 12px;font-size:13px;transition:all .18s;display:flex;position:relative}.top-nav button:hover{color:var(--brand);background:#f4f7ff}.top-nav button.active{color:var(--brand);background:var(--brand-soft);font-weight:700}.top-nav button span{color:#98a2b3;font-size:14px}.top-nav button.active span{color:var(--brand)}.top-nav button i{color:#a8b0bd;font-size:10px;font-style:normal}.header-tools{white-space:nowrap;align-items:center;gap:9px;display:flex}.ai-pill{color:#fff;background:linear-gradient(100deg,#5b7df8,#8368e8);border-radius:20px;padding:9px 16px;font-size:12px;font-weight:600;transition:all .18s;box-shadow:0 7px 16px #5d74eb40}.ai-pill:hover{transform:translateY(-1px);box-shadow:0 10px 20px #5d74eb52}.header-icon{color:#7d889a;background:#f5f7fb;border-radius:50%;place-items:center;width:31px;height:31px;font-size:16px;transition:all .18s;display:grid}.header-icon:hover{color:var(--brand);background:var(--brand-soft)}.language{color:#667085;margin-left:2px;font-size:12px}.account{color:#667085;background:0 0;align-items:center;gap:5px;padding:6px 0 6px 4px;font-size:12px;display:flex}.account:hover{color:var(--brand)}.subnav{border-bottom:1px solid var(--line);background:#fff;min-height:46px;box-shadow:0 2px 8px #172b4d08}.subnav-inner{align-items:center;gap:4px;max-width:1480px;margin:auto;padding:0 32px;display:flex;overflow:auto}.subnav-title{color:#8a95a5;white-space:nowrap;margin-right:14px;padding-right:14px;font-size:12px;position:relative}.subnav-title:after{content:"";background:var(--line);width:1px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.subnav-item{color:#667085;white-space:nowrap;background:0 0;padding:14px 10px 13px;font-size:12px;transition:all .18s;position:relative}.subnav-item:hover,.subnav-item.active{color:var(--brand)}.subnav-item.active:after{content:"";background:var(--brand);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:10px;right:10px}.content{max-width:1480px;margin:0 auto;padding:28px 32px 52px}.notice-bar{color:#8b6a27;background:linear-gradient(90deg,#fffaf0,#fffdf8);border:1px solid #f7e5b7;border-radius:10px;min-height:42px;margin-bottom:16px;padding:12px 16px;font-size:12px;box-shadow:0 3px 10px #be8e240a}.notice-bar b{color:#a8781e}.dashboard-grid{grid-template-columns:minmax(0,3fr) minmax(315px,1.05fr);grid-template-areas:"summary account""packing recharge""chart system";gap:16px;display:grid}.card{background:var(--surface);box-shadow:var(--shadow);border:1px solid #e3e9f2cc;border-radius:12px}.card h2{color:var(--ink);margin:0;font-size:14px;font-weight:700}.order-summary{background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);grid-area:summary;min-height:164px;padding:19px 20px}.metric-row{grid-template-columns:repeat(4,1fr);margin-top:25px;display:grid}.metric{border-right:1px solid var(--line);flex-direction:column;gap:9px;min-width:0;padding:0 20px;display:flex}.metric:first-child{padding-left:3px}.metric:last-child{border-right:0}.metric span{color:var(--muted);font-size:11px}.metric strong{color:#344054;letter-spacing:-.6px;font-size:26px;font-weight:750;line-height:1}.metric strong.red{color:#ef5350}.metric small{color:#98a2b3;font-size:10px}.account-card{background:linear-gradient(145deg,#fff 0%,#f9fbff 100%);grid-area:account;min-height:164px;padding:25px 22px 16px}.card-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-card .card-title-row strong{color:var(--brand);font-size:14px}.outline-btn{color:var(--brand);background:#fff;border:1px solid #b9ceff;border-radius:6px;padding:6px 10px;font-size:11px;transition:all .18s}.outline-btn:hover{background:var(--brand-soft);border-color:#8db2ff}.balance{color:#344054;letter-spacing:-.7px;margin:18px 0 5px;font-size:30px;line-height:1;display:block}.account-card>span,.account-card>small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.packing-card{grid-area:packing;min-height:196px;padding:19px 20px}.packing-grid{grid-template-columns:repeat(6,1fr);row-gap:29px;margin-top:25px;display:grid}.packing-grid .metric{padding:0 15px}.packing-grid .metric strong{font-size:21px}.packing-grid .metric:nth-child(6),.packing-grid .metric:nth-child(7){border-right:0}.packing-grid .metric:nth-child(7){grid-column:1;padding-left:3px}.recharge-card{grid-area:recharge;min-height:120px;padding:19px 22px}.recharge-card .metric{border:0;gap:8px;margin-top:24px;padding:0}.recharge-card .metric strong{font-size:24px}.chart-card{grid-area:chart;min-height:390px;padding:17px 19px 20px}.chart-toolbar{align-items:center;gap:14px;height:32px;display:flex}.date-picker{border:1px solid var(--line);color:#667085;white-space:nowrap;background:#fbfcfe;border-radius:7px;align-items:center;gap:6px;height:32px;padding:7px 11px;font-size:11px;display:flex}.chart-tabs{flex:1;align-items:center;gap:8px;display:flex}.chart-tabs button{color:#667085;background:0 0;border-radius:5px;padding:7px 6px;font-size:12px}.chart-tabs button:hover{color:var(--brand);background:var(--brand-soft)}.chart-tabs button.active{color:var(--brand);font-weight:700}.view-tabs{height:32px;display:flex}.view-tabs button{border:1px solid var(--line);color:#667085;background:#fff;width:42px;font-size:11px}.view-tabs button:first-child{border-radius:6px 0 0 6px}.view-tabs button:last-child{border-left:0;border-radius:0 6px 6px 0}.view-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.chart-placeholder{height:310px;margin-top:18px;display:flex}.chart-y{color:#98a2b3;text-align:right;flex-direction:column;justify-content:space-between;width:31px;padding:2px 0 27px;font-size:10px;display:flex}.chart-lines{flex:1;margin-left:10px;padding-bottom:26px;position:relative}.chart-lines>i{border-top:1px dashed #edf0f5;height:20%;display:block}.chart-lines svg{width:100%;height:calc(100% - 26px);position:absolute;top:0;left:0;overflow:visible}.chart-lines svg text{font-weight:650}.chart-x{color:#98a2b3;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.system-card{grid-area:system;min-height:390px;padding:19px 20px}.empty-state{color:#aeb8c6;place-items:center;height:320px;font-size:12px;display:grid}.message-list{padding-top:13px}.message-item{border-bottom:1px solid #f0f2f6;flex-direction:column;gap:7px;padding:13px 2px;display:flex}.message-item strong{color:#475467;font-size:12px}.message-item span{color:#7d8796;font-size:11px;line-height:1.55}.message-item small{color:#aeb8c6;font-size:10px}.page-title{justify-content:space-between;align-items:flex-end;margin:5px 0 22px;display:flex}.crumb{color:#98a2b3;margin-bottom:9px;font-size:11px}.page-title h1{color:#1f2937;letter-spacing:-.4px;margin:0 0 7px;font-size:25px}.page-title p{color:#98a2b3;margin:0;font-size:12px}.title-actions{gap:9px;display:flex}.btn{border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 15px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.btn.primary{color:#fff;background:var(--brand);box-shadow:0 5px 12px #2868f633}.btn.primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn.ghost{color:#667085;background:#fff;border:1px solid #dfe5ee}.btn.ghost:hover{color:var(--brand);background:#fbfdff;border-color:#a9c4ff}.table-card{overflow:hidden}.list-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:69px;padding:12px 18px;display:flex}.status-tabs{gap:5px;display:flex;overflow-x:auto}.status-tabs button{color:#667085;white-space:nowrap;background:0 0;border-radius:7px;padding:8px 11px;font-size:12px}.status-tabs button:hover{color:var(--brand);background:#f7f9fc}.status-tabs button.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.status-tabs small{color:#aeb8c6;margin-left:5px;font-size:10px}.status-tabs button.active small{color:#6f98f4}.toolbar-right{align-items:center;gap:8px;display:flex}.search-input{color:#98a2b3;background:#fff;border:1px solid #dfe5ee;border-radius:7px;align-items:center;gap:7px;width:245px;height:36px;padding:0 10px;transition:all .18s;display:flex}.search-input:focus-within{border-color:#8db2ff;box-shadow:0 0 0 3px #2868f614}.search-input input{color:#344054;background:0 0;border:0;outline:0;width:100%;font-size:11px}.search-input input::placeholder{color:#aeb8c6}.filter-wrap{position:relative}.filter-btn,.icon-square{color:#667085;background:#fff;border:1px solid #dfe5ee;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:11px;transition:all .18s;display:flex}.filter-btn.active{color:var(--brand);background:var(--brand-soft);border-color:#9fbeff}.icon-square{justify-content:center;width:36px;padding:0}.filter-btn:hover,.icon-square:hover{color:var(--brand);background:#fbfdff;border-color:#9fbeff}.filter-popover{z-index:8;border:1px solid var(--line);background:#fff;border-radius:9px;width:148px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #172b4d21}.filter-popover strong{color:#98a2b3;padding:5px 8px 7px;font-size:10px;font-weight:600;display:block}.filter-popover button{text-align:left;color:#667085;background:0 0;border-radius:6px;width:100%;padding:8px;font-size:11px;display:block}.filter-popover button:hover{color:var(--brand);background:var(--brand-soft)}.bulk-bar{color:#667085;background:#f2f6ff;align-items:center;gap:17px;height:44px;padding:0 18px;font-size:12px;display:flex}.bulk-bar span{flex:1}.bulk-bar button{color:var(--brand);background:0 0;font-size:12px;font-weight:600}.bulk-bar button:hover{color:var(--brand-dark)}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#98a2b3;white-space:nowrap;background:#fafbfc;height:46px;font-size:11px;font-weight:600}.data-table td{color:#667085;white-space:nowrap;border-top:1px solid #f0f2f6;padding:15px 12px;font-size:12px;transition:all .15s}.data-table tbody tr:hover td{background:#fbfdff}.data-table th:first-child,.data-table td:first-child{padding-left:19px}.check-cell{width:46px}.check-cell input{width:14px;height:14px;accent-color:var(--brand)}.data-table td strong{color:#475467;font-weight:650}.linkish{color:var(--brand)!important}.cell-sub{color:#aeb8c6;margin-top:5px;font-size:10px;display:block}.status-tag{border-radius:5px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-tag i{background:#98a2b3;border-radius:50%;width:6px;height:6px}.status-tag.warning{color:#b7791f;background:#fff8e8}.status-tag.warning i{background:#e6a529}.status-tag.info{color:#2868f6;background:#edf4ff}.status-tag.info i{background:#4b82f6}.status-tag.success{color:#3e8e24;background:#effbea}.status-tag.success i{background:#56b43c}.status-tag.danger{color:#d14343;background:#fff0f0}.status-tag.danger i{background:#ed5b5b}.row-actions{align-items:center;gap:7px;display:flex}.row-actions button{color:#98a2b3;background:0 0;border-radius:6px;width:28px;height:28px;padding:2px}.row-actions button:hover{color:var(--brand);background:var(--brand-soft)}.empty-table{text-align:center;color:#aeb8c6;padding:100px 70px;font-size:12px}.empty-table:before{content:"⌁";color:#ccd4e0;margin-bottom:9px;font-size:24px;display:block}.table-footer{color:#98a2b3;border-top:1px solid #f4f5f7;justify-content:flex-end;align-items:center;gap:18px;height:64px;padding:0 19px;font-size:11px;display:flex}.pagination{gap:5px;display:flex}.pagination button{color:#667085;background:#fff;border:1px solid #dfe5ee;border-radius:6px;width:29px;height:29px}.pagination button:hover:not(:disabled){color:var(--brand);border-color:#9fbeff}.pagination button.active{color:#fff;background:var(--brand);border-color:var(--brand)}.table-footer select{color:#667085;background:#fff;border:1px solid #dfe5ee;border-radius:6px;height:29px;padding:0 7px;font-size:11px}.modal-mask{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10182875;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:580px;overflow:hidden;box-shadow:0 22px 60px #10182838}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.modal-head h2{color:var(--ink);margin:0;font-size:16px}.modal-head button{color:#98a2b3;background:0 0;border-radius:6px;font-size:20px}.modal-head button:hover{color:var(--brand);background:var(--brand-soft)}.form-grid{grid-template-columns:1fr 1fr;gap:17px;padding:23px 22px 12px;display:grid}.form-grid label{color:#667085;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{color:#475467;background:#fff;border:1px solid #dfe5ee;border-radius:7px;outline:0;min-height:37px;padding:8px 11px;font-size:12px;transition:all .18s}.form-grid textarea{resize:vertical;min-height:72px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#80adff;box-shadow:0 0 0 3px #2868f617}.modal-foot{border-top:1px solid #f0f2f6;justify-content:flex-end;gap:9px;padding:15px 22px 19px;display:flex}.toast{color:#fff;z-index:40;background:#172033ef;border-radius:8px;padding:10px 18px;font-size:12px;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #1018282e}.login-page{background:radial-gradient(circle at 10% 10%,#dfeaff 0,#0000 34%),radial-gradient(circle at 90% 85%,#e6ddff 0,#0000 32%),#f5f7fb;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(1px);opacity:.45;border-radius:50%;position:absolute}.login-page:before{border:1px solid #b9ceff;width:280px;height:280px;top:18%;left:10%}.login-page:after{border:1px solid #d5c8ff;width:420px;height:420px;bottom:-15%;right:8%}.login-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:16px;flex-direction:column;gap:15px;width:390px;padding:42px 42px 35px;display:flex;position:relative;box-shadow:0 22px 60px #284e8c29}.login-brand{color:var(--brand);font-size:20px;font-weight:800}.login-card h1{color:#172033;letter-spacing:-.5px;margin:4px 0 0;font-size:24px}.login-card p{color:#98a2b3;margin:0 0 9px;font-size:12px}.login-card label{color:#667085;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.login-card input{color:#344054;background:#fff;border:1px solid #dfe5ee;border-radius:7px;outline:0;height:41px;padding:0 12px;font-size:13px}.login-card input:focus{border-color:#80adff;box-shadow:0 0 0 3px #2868f617}.login-submit{border:0;justify-content:center;width:100%;height:43px;margin-top:5px}.login-card small{text-align:center;color:#aeb8c6;font-size:11px}.login-error{color:#d14343;background:#fff0f0;border:1px solid #ffd5d5;border-radius:7px;padding:9px 10px;font-size:11px}@media (width<=1450px){.site-header{gap:14px;padding:0 18px}.logo{flex-basis:118px}.top-nav button{padding:0 8px}.header-tools{gap:5px}.ai-pill{padding:8px 11px}.content{padding-left:22px;padding-right:22px}.subnav-inner{padding:0 22px}}@media (width<=1180px){.header-icon:nth-of-type(n+4),.language{display:none}.site-header{gap:8px}.top-nav{overflow-x:auto}.dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"summary""account""packing""recharge""chart""system"}.packing-grid{grid-template-columns:repeat(4,1fr)}.packing-grid .metric:nth-child(7){grid-column:auto;padding-left:15px}.search-input{width:190px}}