:root{--ink:#18211e;--muted:#718079;--paper:#f4f6f3;--card:#fff;--green:#0e4a3a;--green2:#196650;--mint:#dcebe4;--gold:#b5975a;--line:#e4e9e5;--danger:#b94e45;--shadow:0 18px 60px rgba(28,50,41,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:30px 20px;background:#102820;color:#fff;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;padding:0 8px 36px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-family:serif;font-size:21px;background:linear-gradient(145deg,#436f61,#173f33)}.brand-mark.large{width:62px;height:62px;font-size:28px;margin:0 auto 14px;color:white}.brand b{display:block;font-size:17px;letter-spacing:.12em}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:#9fb9ae;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{height:50px;border:0;border-radius:12px;background:transparent;color:#a9bdb4;text-align:left;padding:0 14px;font-size:14px;transition:.2s}.nav-item i{font-style:normal;width:28px;display:inline-block;font-size:18px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:20px 10px 0;display:flex;align-items:center;gap:10px;font-size:12px;color:#d2ded9}.sidebar-foot small{display:block;color:#78968a;margin-top:3px}.status-dot{width:9px;height:9px;background:#6dd9a5;border-radius:50%;box-shadow:0 0 0 5px rgba(109,217,165,.1)}.main{margin-left:248px;padding:0 38px 54px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 6px;color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.topbar h1{margin:0;font-family:"Songti SC",serif;font-size:28px;font-weight:600}.top-actions,.profile{display:flex;align-items:center;gap:14px}.profile{padding-left:16px;border-left:1px solid var(--line)}.profile b,.profile small{display:block}.profile b{font-size:13px}.profile small{font-size:11px;color:var(--muted);margin-top:3px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--green);font-family:serif}.icon-button{border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:12px;color:var(--green);font-size:19px}.page{display:none}.page.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}.hero-panel{min-height:228px;border-radius:22px;background:radial-gradient(circle at 80% 20%,rgba(179,210,194,.24),transparent 28%),linear-gradient(125deg,#0f3d31,#1e5c49);color:#fff;padding:36px 42px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:var(--shadow)}.hero-panel .tag{font-size:11px;letter-spacing:.2em;color:#c9dcd4}.hero-panel h2{font-family:"Songti SC",serif;font-size:30px;line-height:1.45;margin:12px 0}.hero-panel p{margin:0;color:#aec8bd;font-size:13px}.hero-orbit{width:146px;height:146px;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-right:5%}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.hero-orbit:before{inset:-22px}.hero-orbit:after{inset:20px}.hero-orbit span{font-family:serif;font-size:36px}.hero-orbit small{color:#a9c6ba;margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat-card,.panel,.inventory-card,.trace-card{background:var(--card);border:1px solid rgba(223,230,225,.9);box-shadow:0 8px 30px rgba(31,57,46,.04)}.stat-card{padding:22px;border-radius:16px}.stat-card .stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--mint);color:var(--green)}.stat-value{font-family:Georgia,serif;font-size:28px;margin:12px 0 6px}.stat-note{font-size:11px;color:#9aa59f}.stat-note strong{color:var(--green2)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{border-radius:16px;padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-head h3{font-size:15px;margin:0 0 5px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.soft-tag{background:#f0f4f1;color:var(--muted);padding:6px 9px;border-radius:8px;font-size:10px}.chart{height:200px;display:flex;align-items:flex-end;gap:22px;padding:15px 8px 0;border-bottom:1px solid var(--line)}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;position:relative}.bar{width:min(34px,70%);min-height:8px;background:linear-gradient(#2c745d,#0e4a3a);border-radius:6px 6px 0 0;transition:.4s}.bar:hover{background:var(--gold)}.bar-value{font-size:9px;color:var(--green)}.bar-label{font-size:10px;color:var(--muted)}.alert-list{display:flex;flex-direction:column;gap:12px}.alert{display:flex;gap:12px;padding:12px;background:#f7f9f7;border-radius:12px}.alert-mark{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#fff1e8;color:#b46936}.alert b,.alert small{display:block}.alert b{font-size:12px}.alert small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.table-panel{margin-top:18px;padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 22px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:12px 18px;background:#f8faf8;color:#84918b;font-size:10px;font-weight:500;letter-spacing:.06em}td{padding:15px 18px;border-bottom:1px solid #eef1ef;font-size:12px}tbody tr:hover{background:#fbfcfb}.text-button{border:0;background:none;color:var(--green);font-size:11px}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;background:#eef2f0;color:#617069}.status.paid,.status.preparing{background:#fff4dc;color:#9a6a17}.status.shipped{background:#e8f1ff;color:#356995}.status.completed{background:#e3f3eb;color:#237252}.status.cancelled,.status.refunded{background:#f6e9e7;color:#a14e45}.page-toolbar{min-height:66px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search{display:flex;align-items:center;width:320px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 13px}.search input{border:0;outline:0;flex:1;margin-left:9px;background:transparent}.primary-button{border:0;border-radius:11px;background:var(--green);color:#fff;padding:12px 18px;font-size:12px;box-shadow:0 7px 18px rgba(14,74,58,.16)}.primary-button:hover{background:var(--green2)}.primary-button.full{width:100%;margin-top:8px;padding:14px}.product-cell{display:flex;align-items:center;gap:11px}.product-thumb{width:44px;height:44px;border-radius:10px;background:linear-gradient(145deg,#dfeae4,#adbfb6);display:grid;place-items:center;color:var(--green);font-family:serif}.product-cell b,.product-cell small{display:block}.product-cell small{color:var(--muted);margin-top:3px}.stock-low{color:var(--danger);font-weight:600}.switch{display:inline-block;width:30px;height:17px;background:#ccd5d0;border-radius:20px;position:relative;vertical-align:middle}.switch:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;background:white;border-radius:50%;transition:.2s}.switch.on{background:var(--green2)}.switch.on:after{left:15px}.filter-row{display:flex;gap:8px}.filter-chip{border:1px solid var(--line);background:#fff;padding:8px 14px;border-radius:20px;color:var(--muted);font-size:11px}.filter-chip.active{background:var(--green);color:#fff;border-color:var(--green)}.action-select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px 8px;font-size:10px}.section-title{font-family:"Songti SC",serif;font-size:20px;margin:0 0 6px}.muted{color:var(--muted);font-size:11px;margin:0}.trace-grid,.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trace-card,.inventory-card{border-radius:16px;padding:20px}.trace-code{font-family:Georgia,serif;font-size:19px;color:var(--green);margin:10px 0}.trace-card h3{font-size:14px;margin:0}.trace-card p{font-size:11px;color:var(--muted);line-height:1.7}.trace-meta{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.inventory-card .stock-number{font-family:Georgia,serif;font-size:32px;margin:18px 0 3px}.inventory-card .progress{height:5px;background:#edf1ef;border-radius:3px;overflow:hidden;margin:16px 0}.inventory-card .progress span{display:block;height:100%;background:var(--green);border-radius:3px}.inventory-card.warning .progress span{background:#c67b43}.inventory-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.login-layer,.modal-layer{position:fixed;inset:0;background:rgba(9,25,20,.62);backdrop-filter:blur(8px);z-index:50;display:none;place-items:center;padding:20px}.login-layer{display:grid}.login-card,.modal{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.login-card{text-align:center}.login-card h2{font-family:"Songti SC",serif;font-size:27px;margin:7px 0}.login-card>p:not(.eyebrow){color:var(--muted);font-size:12px;margin-bottom:25px}.login-card label,.modal label{display:block;text-align:left;font-size:11px;color:#65746d;margin-bottom:12px}.login-card input,.modal input,.modal select,.modal textarea{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-top:6px;outline:none;background:#fbfcfb;color:var(--ink)}.login-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#6a9786}.login-hint{display:block;margin-top:13px;color:#9ba59f}.modal-layer.open{display:grid}.modal{width:min(620px,100%)}.modal.compact{width:min(420px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font-family:"Songti SC",serif;margin:0}.close-button{width:34px;height:34px;border:0;border-radius:50%;background:#f1f4f2;color:#728078;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span-2{grid-column:span 2}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);background:#102820;color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;z-index:80;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.sidebar{width:205px}.main{margin-left:205px;padding:0 24px}.stat-grid{grid-template-columns:repeat(2,1fr)}.trace-grid,.inventory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:static;width:auto;height:auto;padding:18px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar-foot,.brand small{display:none}.brand{padding-bottom:16px}.main{margin:0;padding:0 15px 40px}.topbar{height:90px}.profile div{display:none}.hero-panel{padding:28px}.hero-orbit{display:none}.content-grid,.trace-grid,.inventory-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.page-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.search{width:100%}}