:root{--ink:#eef3ff;--muted:#8f9ab8;--line:rgba(255,255,255,.09);--panel:#111827;--panel2:#151f32;--green:#58d6a6;--cyan:#5bb8ff;--gold:#e8b86a;--danger:#ff7082;--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;background:#070b13;color:var(--ink);font:14px/1.55 Inter,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}.app{min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(57,174,152,.13),transparent 30%),radial-gradient(circle at 25% 20%,rgba(42,89,196,.11),transparent 28%)}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:26px 18px;border-right:1px solid var(--line);background:rgba(8,12,21,.9);backdrop-filter:blur(20px);z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--green),#1a746a);box-shadow:0 8px 24px #174f4880;font:700 18px Georgia}.brand b{font-size:17px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px}.nav-title{margin:15px 11px 7px;color:#5e6b87;font-size:11px;letter-spacing:1.6px}.nav button{width:100%;padding:11px 12px;margin:3px 0;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.2s}.nav button:hover,.nav button.active{color:white;background:linear-gradient(90deg,rgba(88,214,166,.16),rgba(88,214,166,.03))}.nav button.active{box-shadow:inset 2px 0 var(--green)}.side-status{position:absolute;left:18px;right:18px;bottom:22px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#101827}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.main{margin-left:248px;padding:24px 34px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.crumb{color:var(--muted)}.top-actions{display:flex;gap:9px;align-items:center}.iconbtn,.avatar,.btn{border:1px solid var(--line);color:var(--ink);background:#111827;border-radius:10px;padding:9px 13px;cursor:pointer}.avatar{width:38px;height:38px;padding:0;border-radius:50%;background:linear-gradient(145deg,#2b3a57,#172033)}.btn.primary{border-color:transparent;color:#06120e;background:var(--green);font-weight:700}.btn.ghost:hover,.iconbtn:hover{border-color:#41516f}.hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.hero h1{margin:0;font-size:28px;letter-spacing:-.5px}.hero p{margin:6px 0 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,rgba(23,33,53,.94),rgba(13,20,33,.96));box-shadow:var(--shadow)}.metric{padding:18px}.metric small{color:var(--muted)}.metric strong{display:block;font-size:25px;margin-top:6px}.trend{font-size:12px;color:var(--green)}.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel h3{margin:0;font-size:15px}.panel-head span{color:var(--muted);font-size:12px}.chart{height:180px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);padding-top:15px}.bar{flex:1;min-width:8px;border-radius:6px 6px 0 0;background:linear-gradient(var(--green),rgba(88,214,166,.1));position:relative}.bar:hover{filter:brightness(1.25)}.list{display:grid;gap:10px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);cursor:pointer}.list-row:hover{background:rgba(255,255,255,.04)}.tag{padding:3px 8px;border-radius:20px;font-size:11px;color:var(--green);background:rgba(88,214,166,.12)}.tag.warn{color:var(--gold);background:rgba(232,184,106,.12)}.tag.danger{color:var(--danger);background:rgba(255,112,130,.12)}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:#75819e;font-size:11px;font-weight:500}td button{color:var(--cyan);border:0;background:transparent;cursor:pointer}.toolbar{display:flex;gap:10px;margin-bottom:15px}.search{flex:1;padding:10px 13px;border:1px solid var(--line);border-radius:10px;color:white;background:#0d1422}.empty{text-align:center;padding:60px;color:var(--muted)}.mobile-shell{min-height:100vh;padding:22px;background:radial-gradient(circle at 10% 0,rgba(85,205,163,.18),transparent 28%),#07100e}.phone{width:min(430px,100%);min-height:820px;margin:auto;background:#f5f3ed;color:#17221f;border-radius:34px;overflow:hidden;box-shadow:0 40px 100px #000;border:7px solid #1b2421;position:relative}.phone-head{padding:18px 20px 14px;color:white;background:linear-gradient(135deg,#123b32,#0c211c)}.phone-head .status{display:flex;justify-content:space-between;font-size:11px;opacity:.75}.phone-head h2{margin:22px 0 2px}.phone-head p{margin:0;color:#a9c4bb}.mobile-body{padding:16px 16px 90px}.banner{height:155px;padding:22px;border-radius:20px;color:white;background:linear-gradient(135deg,rgba(13,29,24,.15),rgba(8,24,20,.3)),linear-gradient(125deg,#996533,#1b5848);display:flex;flex-direction:column;justify-content:end}.banner h2{margin:0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.quick button{border:0;background:transparent;color:#394741;cursor:pointer}.quick i{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 5px;border-radius:15px;background:white;box-shadow:0 6px 15px #1c493212;font-style:normal;font-size:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.section-title h3{margin:0}.section-title button{border:0;background:transparent;color:#438b73}.products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{padding:9px;border-radius:16px;background:white;box-shadow:0 8px 20px #14251d0c;cursor:pointer}.product-img{height:105px;border-radius:11px;background:linear-gradient(145deg,#6a3b24,#e6b573);display:flex;align-items:end;padding:9px;color:white}.product h4{margin:9px 0 2px}.product small{color:#829087}.price{color:#b25a35;font-weight:700}.bottomnav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px 17px;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-top:1px solid #e5e2db}.bottomnav button{border:0;background:transparent;color:#77817d;cursor:pointer}.bottomnav button.active{color:#236b55;font-weight:700}.sheet,.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);padding:22px;border:1px solid var(--line);border-radius:18px;background:#131d2e;color:white;box-shadow:var(--shadow)}.modal h2{margin:0 0 7px}.modal p{color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;right:25px;bottom:25px;z-index:50;padding:13px 18px;border:1px solid rgba(88,214,166,.3);border-radius:12px;background:#10221d;color:white;box-shadow:var(--shadow);animation:in .25s}.portal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:45px auto;max-width:1100px}.portal-card{min-height:230px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.portal-card:hover{transform:translateY(-4px);border-color:#33504a}.portal-card b{font-size:42px;color:var(--green)}.portal-card p{color:var(--muted)}@keyframes in{from{opacity:0;transform:translateY(8px)}}@media(max-width:900px){.sidebar{width:210px}.main{margin-left:210px;padding:20px}.metrics{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.portal{grid-template-columns:1fr 1fr;padding:15px}}@media(max-width:620px){.sidebar{display:none}.main{margin:0;padding:18px}.metrics{grid-template-columns:1fr 1fr}.hero{align-items:start;flex-direction:column}.portal{grid-template-columns:1fr}.phone{border:0;border-radius:0;min-height:100vh}.mobile-shell{padding:0}}