:root{--ink:#14213d;--muted:#6b7893;--line:#e8edf5;--bg:#f5f7fb;--blue:#2856e8;--blue2:#5f7cff;--green:#16a36a;--orange:#f59e0b;--shadow:0 8px 30px rgba(30,55,100,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#fff;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brandmark{display:grid;place-items:center;width:36px;height:36px;color:#fff;border-radius:11px;background:linear-gradient(145deg,#3158ef,#7b63f4);font-weight:800}.brand strong,.brand small,.workspace b,.workspace small,.user b,.user small{display:block}.brand strong{font-size:18px}.brand small,.workspace small,.user small{font-size:11px;color:#8b96aa;margin-top:3px}.workspace{background:#f6f8fc;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;gap:9px;align-items:center;margin-bottom:17px}.workspace>span{width:28px;height:28px;border-radius:8px;background:#dfe6ff;color:var(--blue);display:grid;place-items:center;font-weight:700}.workspace div{flex:1}.workspace b{font-size:13px}.workspace i{color:#9ba5b6}nav{flex:1}nav p{font-size:11px;color:#9aa5b8;margin:18px 10px 7px}.nav{border:0;background:transparent;width:100%;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:11px;color:#61708c;cursor:pointer;text-align:left;margin:2px 0}.nav i{font-style:normal;font-size:18px}.nav:hover,.nav.active{color:var(--blue);background:#eef2ff;font-weight:600}.user{border-top:1px solid var(--line);padding:17px 5px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#e6ebff;color:#3457dd;display:grid;place-items:center;font-weight:700}.user>div:nth-child(2){flex:1}.user b{font-size:13px}.user button{border:0;background:none;color:#8995a9;font-size:20px}main{margin-left:236px;min-width:0;flex:1}header{height:67px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}#breadcrumb{font-size:13px;color:#758198}.header-actions{display:flex;gap:9px}.icon-btn,.mall-link{border:1px solid var(--line);height:36px;padding:0 13px;border-radius:8px;background:#fff;color:#61708c;cursor:pointer}.icon-btn{font-size:18px;position:relative}.icon-btn em{position:absolute;width:6px;height:6px;background:#ef4444;border-radius:50%;right:8px;top:7px}.mall-link{color:var(--blue);background:#f3f5ff;border-color:#dde4ff}.mobile-menu{display:none}.content{padding:28px 32px 60px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.page-head h1{font-size:25px;margin:0 0 7px}.page-head p{margin:0;color:var(--muted);font-size:13px}.primary,.secondary{border:0;border-radius:8px;padding:10px 17px;cursor:pointer;font-weight:600}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(40,86,232,.22)}.secondary{background:#fff;color:#42516c;border:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 10px rgba(40,60,100,.025)}.metric{padding:19px}.metric-top{display:flex;justify-content:space-between;color:#71809b;font-size:13px}.metric-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:var(--blue);font-size:18px}.metric strong{display:block;font-size:28px;margin:14px 0 6px}.metric small{color:#98a2b4}.up{color:var(--green)!important}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{padding:21px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h2{font-size:16px;margin:0}.panel-head button{border:0;background:none;color:var(--blue);cursor:pointer;font-size:13px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick button{background:#f8faff;border:1px solid var(--line);padding:18px 8px;border-radius:10px;cursor:pointer;color:#53617a}.quick button:hover{border-color:#bfcaff;transform:translateY(-1px)}.quick i{display:grid;place-items:center;margin:0 auto 10px;width:38px;height:38px;border-radius:10px;background:#e8edff;color:var(--blue);font-style:normal;font-size:20px}.bar-chart{height:205px;display:flex;align-items:end;gap:17px;padding:20px 8px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 49px,#eef1f6 50px)}.bar{flex:1;position:relative;background:linear-gradient(#6884fa,#3158e8);border-radius:5px 5px 0 0;min-width:16px}.bar span{position:absolute;bottom:-26px;width:100%;text-align:center;color:#8792a6;font-size:11px}.notice{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.notice:last-child{border:0}.notice i{font-style:normal;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:6px}.notice div{flex:1;font-size:13px}.notice small{display:block;color:#9aa4b5;margin-top:5px}.table-wrap{overflow:auto}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;outline:none}.toolbar input{min-width:240px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#8490a4;background:#f8f9fc;font-weight:500;padding:12px}td{padding:14px 12px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.tag{display:inline-block;padding:4px 9px;border-radius:99px;font-size:11px;background:#e9f9f1;color:#13865a}.tag.blue{background:#ecf1ff;color:#3159dc}.action{border:0;background:none;color:var(--blue);cursor:pointer;padding:4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 3px 12px rgba(30,50,90,.04)}.product-cover{height:105px;border-radius:10px;padding:16px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.product-cover:after{content:'◎';position:absolute;font-size:90px;opacity:.12;right:-7px;bottom:-31px}.product-cover small{opacity:.8}.product h3{font-size:15px;margin:14px 0 7px}.product-meta{display:flex;justify-content:space-between;color:#8994a7;font-size:12px}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.points{color:#f97316;font-size:19px;font-weight:750}.points small{font-size:11px;font-weight:400}.empty{text-align:center;color:#929caf;padding:50px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,25,50,.42);display:grid;place-items:center;z-index:99;padding:20px}.modal{background:#fff;border-radius:15px;width:min(470px,100%);padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.modal h2{margin:0 0 6px}.modal>p{color:var(--muted);font-size:13px;margin:0 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#68758d;margin-bottom:7px}.field input,.field select{width:100%;padding:11px;border:1px solid #dde3ed;border-radius:8px;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#toast{position:fixed;right:28px;top:80px;background:#15213a;color:#fff;padding:12px 18px;border-radius:9px;z-index:120;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}.mall{max-width:1200px}.mall-banner{border-radius:18px;background:linear-gradient(120deg,#253fd0,#7168ef);color:#fff;padding:33px 38px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.mall-banner h1{margin:0 0 8px}.mall-balance{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);padding:15px 22px;border-radius:12px;text-align:right}.mall-balance strong{display:block;font-size:28px}.loading{text-align:center;padding:100px;color:#8490a4}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none;box-shadow:10px 0 30px rgba(0,0,0,.15)}main{margin-left:0}header,.content{padding-left:18px;padding-right:18px}.mobile-menu{display:inline;border:0;background:none;font-size:20px;margin-right:8px}.cards,.product-grid{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;gap:15px}.mall-banner{padding:24px;align-items:flex-start;gap:20px;flex-direction:column}}