: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}.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,.recharge-form,.product-form{grid-template-columns:1fr}}