:root{color:#26302f;background:#f6f3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{color:inherit;font:inherit}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:#26302f;color:#f7f4eb;padding:24px 18px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand h1,.brand span,.topbar p,.topbar h2,.panel h3,.product-item h4,.product-item p{margin:0}.brand h1{font-size:20px;line-height:1.15}.brand span{color:#bdd7ce;font-size:13px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;background:transparent;color:#d8e0dd;cursor:pointer;padding:12px;text-align:left}.nav button.active,.nav button:hover{background:#d7f0df;color:#1c3028}.workspace{padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.topbar p{color:#6b7773;font-size:13px}.topbar h2{font-size:24px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d9d2c5;border-radius:8px;background:#fffdf8;cursor:pointer}.notice{margin-bottom:16px;border:1px solid #e5a6a0;border-radius:8px;background:#fff1ef;color:#8a2d26;padding:12px 14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metrics article,.panel{border:1px solid #e0d8cc;border-radius:8px;background:#fffdf8}.metrics article{display:grid;gap:8px;padding:16px}.metrics span{color:#6f7a76;font-size:13px}.metrics strong{font-size:26px}.panel{padding:18px;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-head h3{font-size:18px}.panel-head span{color:#6f7a76;font-size:13px}.table{display:grid;min-width:920px}.row{display:grid;grid-template-columns:1.45fr 1fr .8fr .8fr 1.15fr 2fr;gap:12px;align-items:center;border-top:1px solid #eee6da;padding:12px 0;font-size:14px}.members .row{grid-template-columns:1.35fr .9fr 1fr .9fr .7fr .8fr}.row.header{border-top:0;color:#6f7a76;font-size:12px;font-weight:700}.pill{display:inline-flex;width:max-content;border-radius:999px;background:#e7f1eb;color:#24543d;padding:4px 9px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{border:1px solid #d8d0c4;border-radius:8px;background:#fff;cursor:pointer;padding:6px 9px;font-size:12px}.actions button:disabled{opacity:.45;cursor:default}.ghost-button{border:1px solid #d8d0c4;border-radius:8px;background:#fff;color:#26302f;cursor:pointer;padding:7px 10px;font-size:12px}.order-detail{margin-top:18px;border-top:1px solid #eee6da;padding-top:18px}.detail-head,.detail-section-head,.detail-item,.payment-line,.amount-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-head{margin-bottom:14px}.detail-head span,.detail-card span,.detail-section-head span,.detail-item span,.detail-item small,.payment-line span,.amount-line span{color:#6f7a76}.detail-head h4,.detail-section h5{margin:0}.detail-head h4{margin-top:3px;font-size:18px}.detail-state,.empty-line{color:#6f7a76;padding:12px 0}.notice.compact{margin-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.detail-card{display:grid;gap:5px;border:1px solid #eadfd1;border-radius:8px;background:#fff;padding:12px}.detail-card strong{font-size:14px}.detail-card small{overflow:hidden;color:#6f7a76;text-overflow:ellipsis;white-space:nowrap}.detail-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:14px}.detail-section{border:1px solid #eadfd1;border-radius:8px;background:#fff;padding:14px}.detail-section-head{margin-bottom:8px}.detail-section-head h5{font-size:15px}.detail-item,.payment-line,.amount-line{border-top:1px solid #f0e7d8;padding:11px 0}.detail-item:first-of-type,.payment-line:first-of-type,.amount-line:first-child{border-top:0}.detail-item div,.payment-line div{display:grid;gap:4px;min-width:0}.detail-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-item b,.payment-line b,.amount-line strong{flex:0 0 auto}.totals-section{display:grid;gap:0;max-width:420px;margin-top:14px;margin-left:auto}.amount-line.total{color:#24543d;font-size:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.management-grid{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(360px,1.5fr);gap:12px;margin-bottom:16px}.tool-form{display:grid;align-content:start;gap:10px;border:1px solid #eadfd1;border-radius:8px;background:#fff;padding:14px}.product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-form h4{grid-column:1 / -1;margin:0;font-size:15px}.tool-form label{display:grid;gap:6px;color:#5e6764;font-size:12px}.tool-form input,.tool-form select,.tool-form textarea{width:100%;border:1px solid #d8d0c4;border-radius:8px;background:#fffdf8;color:#26302f;font:inherit;font-size:13px;padding:9px 10px}.tool-form textarea{resize:vertical;min-height:140px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.45}.tool-form button{display:inline-flex;align-items:center;gap:6px;justify-self:start;border:0;border-radius:8px;background:#26302f;color:#fff;cursor:pointer;padding:9px 12px}.recharge-form{grid-template-columns:minmax(160px,1fr) minmax(140px,.8fr) minmax(130px,.7fr) minmax(220px,1.2fr) auto;align-items:end;margin-bottom:16px}.recharge-form h4,.span-2{grid-column:1 / -1}.product-item{display:grid;gap:10px;border:1px solid #eadfd1;border-radius:8px;padding:14px;background:#fff}.product-item span,.product-item small{color:#6f7a76;font-size:12px}.product-item h4{margin-top:4px;font-size:16px}.product-item p{min-height:38px;color:#5e6764;font-size:13px;line-height:1.45}.product-item strong{font-size:20px}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{padding:16px}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.management-grid,.detail-grid,.detail-columns,.recharge-form,.product-form{grid-template-columns:1fr}.totals-section{max-width:none}}