:root{--green:#174b38;--green-2:#24634a;--paper:#f5f3ed;--white:#fffefa;--ink:#202724;--muted:#7f8782;--line:#e9e7df;--orange:#d87346}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#123d2e;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand-mark{width:42px;height:42px;border-radius:14px;background:#e8d4b7;color:#644b36;display:flex;align-items:center;justify-content:center;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{font-size:11px;color:#9ebcaf;margin-top:2px;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav{border:0;background:transparent;color:#a9c1b7;text-align:left;padding:13px 15px;border-radius:11px;font-size:14px;cursor:pointer}.nav span{display:inline-block;width:28px;font-size:18px}.nav:hover,.nav.active{background:rgba(255,255,255,.1);color:#fff}.sidebar-foot{margin-top:auto;display:flex;gap:11px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding:22px 8px 0}.admin-avatar{width:36px;height:36px;border-radius:12px;background:#e4b984;color:#61462f;display:flex;align-items:center;justify-content:center;font-weight:700}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:12px}.sidebar-foot small{color:#89aa9c;font-size:10px}main{margin-left:238px;min-height:100vh;padding:0 36px 50px}header{height:98px;display:flex;align-items:center;justify-content:space-between}h1,h2,h3,p{margin:0}header h1{font-size:25px}header p,.panel-head p{color:var(--muted);font-size:12px;margin-top:5px}.header-actions{display:flex;align-items:center;gap:12px}.date{color:var(--muted);font-size:12px;margin-right:8px}button{font:inherit;cursor:pointer}.primary,.secondary{border:0;border-radius:10px;padding:11px 16px;font-weight:650}.primary{background:var(--green);color:white}.secondary{background:#fff;color:#53605a;border:1px solid #deddd7}.page{display:none}.page.active{display:block}.hero{min-height:190px;border-radius:20px;background:linear-gradient(120deg,#174b38,#2a664d);color:#fff;padding:32px 38px;display:flex;justify-content:space-between;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:#bf8b65;font-weight:750}.hero .eyebrow{color:#9fc8b6}.hero h2{font-size:27px;margin:13px 0 10px}.hero p{color:#b7d0c5}.hero-art{position:relative;width:220px}.hero-art i{position:absolute;width:180px;height:180px;border-radius:50%;border:34px solid rgba(255,255,255,.06);top:-30px;right:0}.hero-art b{position:absolute;right:60px;top:20px;color:rgba(255,255,255,.25);font-size:90px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat{background:var(--white);border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(30,50,40,.04)}.stat-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:30px;height:30px;border-radius:9px;background:#e6efe9;color:var(--green-2);display:flex;align-items:center;justify-content:center}.stat strong{display:block;font-size:26px;margin:12px 0 4px}.stat small{color:#8e958f}.stat small em{color:#218054;font-style:normal}.grid-two{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.panel{background:var(--white);border-radius:17px;padding:22px;box-shadow:0 5px 20px rgba(30,50,40,.035)}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h3{font-size:16px}.link{border:0;background:transparent;color:var(--green-2);font-size:12px}.recent-order,.featured-row,.recommend-row{display:flex;align-items:center;border-top:1px solid var(--line);padding:15px 0;gap:13px}.mini-thumb{width:42px;height:42px;border-radius:12px;background:#b8d0ba;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.row-main{min-width:0;flex:1}.row-main strong,.row-main small{display:block}.row-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{font-size:11px;color:var(--muted);margin-top:4px}.amount{font-weight:700}.pill{border-radius:20px;padding:5px 9px;font-size:10px;background:#e7f1eb;color:#28704f}.pill.pending{background:#f8e9df;color:#c3663e}.toolbar{min-height:42px}.search{width:300px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;gap:8px}.search input{border:0;outline:0;background:transparent;width:100%}select,input,textarea{font:inherit}select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;color:#939893;font-weight:500;background:#f7f6f2;padding:12px}td{padding:14px 12px;border-bottom:1px solid var(--line);font-size:12px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.action{border:0;background:transparent;color:var(--green-2);font-size:12px}.toggle{width:38px;height:22px;border-radius:20px;background:#c9ccc9;border:0;padding:2px;transition:.2s}.toggle::after{content:'';display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:var(--green-2)}.toggle.on::after{transform:translateX(16px)}.filter-tabs{display:flex;gap:6px}.filter-tabs button{border:0;background:transparent;padding:8px 12px;border-radius:8px;color:var(--muted)}.filter-tabs .active{background:#e7efe9;color:var(--green);font-weight:650}.recommend-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:18px}.recommend-row .row-main{margin-right:15px}.preview{background:#ebe7dd}.preview h3{font-size:22px;margin:8px 0 20px}.preview-card{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:12px}.preview-image{height:75px;background:linear-gradient(135deg,#dfc38f,#97b89b);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:24px;font-weight:900}.preview-info{padding:12px}.preview-info strong{font-size:12px}.preview-info p{font-size:10px;color:var(--muted);margin-top:5px}.modal{position:fixed;inset:0;background:rgba(16,28,22,.42);display:none;align-items:center;justify-content:center;padding:30px;z-index:10}.modal.open{display:flex}.modal-card{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:25px}.modal-head{display:flex;justify-content:space-between}.modal-head p{color:var(--muted);font-size:12px;margin-top:5px}.close{border:0;background:transparent;font-size:24px;color:#888}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.form-grid label{font-size:12px;font-weight:650}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:10px;outline:0}.form-grid textarea{height:70px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-actions .close{font-size:14px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#1f2d27;color:#fff;padding:10px 18px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.sidebar{width:74px}.brand div,.nav:not(.active){font-size:0}.brand{padding-left:0}.nav span{font-size:18px}.sidebar-foot div:not(.admin-avatar){display:none}main{margin-left:74px;padding:0 18px}.stats{grid-template-columns:1fr 1fr}.grid-two,.recommend-layout{grid-template-columns:1fr}}