:root{--g:#79c70c;--gd:#2f8f00;--k:#111;--bg:#f2f5ee;--r:16px}*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:#1a1a1a;display:flex;min-height:100vh}
aside{width:220px;background:linear-gradient(180deg,#111,#1d1d1d);color:#fff;padding:16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.lg2{background:#fff;border-radius:12px;padding:6px;width:100%}
nav{flex:1;margin-top:16px}nav a{display:flex;gap:10px;color:#ccc;text-decoration:none;padding:10px 12px;border-radius:12px;margin-bottom:4px}nav a.on,nav a:hover{background:var(--g);color:#111}.me{font-size:13px}.me a{color:var(--g)}
main{flex:1;padding:24px;min-width:0}h1{margin:0 0 16px}input,select,button{font:inherit;padding:10px 12px;border:1px solid #d5dccb;border-radius:12px;background:#fff;max-width:100%}
.btn{background:linear-gradient(135deg,var(--g),var(--gd));color:#fff;border:0;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #2f8f0044}.row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.in{display:inline-flex;gap:4px}
.tw{overflow-x:auto;background:#fff;border-radius:var(--r);box-shadow:0 4px 18px #0001}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #eef1e9;font-size:14px;white-space:nowrap}th{background:#111;color:#fff}.dbt{color:#d62828;font-weight:700}.pf{color:var(--gd)}.ac a{text-decoration:none;font-size:18px}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}.kp div,.card{background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 4px 18px #0001}.kp small{color:#777;display:block}.kp b{font-size:20px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:14px}.bar{position:relative;display:flex;justify-content:space-between;padding:8px;margin:4px 0;font-size:13px;overflow:hidden;border-radius:8px}.bar i{position:absolute;left:0;top:0;bottom:0;background:#79c70c33;z-index:0}.bar *{position:relative}
.pos{display:grid;grid-template-columns:1fr 360px;gap:16px}.pos input{width:100%;margin-bottom:8px}.chips{display:flex;gap:6px;overflow-x:auto;margin:8px 0}.chip{border-radius:20px;white-space:nowrap;cursor:pointer}.chip.on{background:var(--g);border-color:var(--g)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.svc{text-align:left;padding:12px;border-radius:var(--r);cursor:pointer;display:flex;flex-direction:column;gap:4px}.svc:hover{border-color:var(--g);transform:translateY(-2px)}.svc small{color:#888}.svc span{color:var(--gd);font-weight:700}
.cart{background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 4px 18px #0001;position:sticky;top:16px;align-self:start;max-height:96vh;overflow:auto}.cart select{width:100%;margin-bottom:8px}.ln{border-bottom:1px solid #eee;padding:8px 0;position:relative}.ln button{position:absolute;right:0;top:6px;border:0;padding:2px 8px}.ln input{width:56px;padding:4px}.ln span{float:right;font-weight:700}
.tt{display:flex;justify-content:space-between;font-size:22px;margin:10px 0}.chk{display:block;margin:6px 0}.mu{color:#999}small#hint{display:block;margin:4px 0 10px;color:#777}.cart .btn{width:100%;padding:14px;font-size:16px}
.lg{display:grid;place-items:center;width:100%;background:radial-gradient(circle at 20% 20%,#79c70c,#111 60%)}.lgbox{background:#fff;padding:32px;border-radius:24px;width:min(380px,92vw);display:grid;gap:12px;text-align:center}.lgbox img{width:100%}.err{color:#d62828;margin:0}
@media(max-width:900px){body{display:block}aside{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;height:auto;flex-direction:row;z-index:9;padding:6px}.lg2,.me{display:none}nav{display:flex;margin:0;overflow-x:auto;gap:4px}nav a{flex-direction:column;align-items:center;padding:6px 10px;font-size:11px}main{padding:14px 12px 90px}.pos{grid-template-columns:1fr}.cart{position:static}}
.ch{display:flex;align-items:flex-end;gap:3px;height:140px}.ch i{flex:1;background:linear-gradient(var(--g),var(--gd));border-radius:4px 4px 0 0;min-width:3px}td input{padding:6px 8px;border-radius:8px}
.site header{background:#111;display:flex;justify-content:space-between;align-items:center;padding:10px 5vw;position:sticky;top:0;z-index:5;flex-wrap:wrap}.site header img{height:44px;background:#fff;border-radius:8px;padding:4px}.site header a{color:#fff;text-decoration:none;margin-left:16px}.site header a:hover{color:var(--g)}
.site{display:block}.hero{background:radial-gradient(circle at 80% 20%,#79c70c,#111 65%);color:#fff;padding:80px 5vw;text-align:center}.hero h1{font-size:clamp(30px,6vw,56px);margin:0 0 12px}.hero a{display:inline-block;margin:6px;padding:14px 26px;border-radius:30px;background:var(--g);color:#111;font-weight:700;text-decoration:none}
.sec{padding:40px 5vw;max-width:1200px;margin:auto}.sec h2{border-left:6px solid var(--g);padding-left:12px}.site footer{background:#111;color:#ccc;text-align:center;padding:24px}.site .card h3{color:var(--gd);margin-top:0}.site li{display:flex;justify-content:space-between;border-bottom:1px dashed #ddd;padding:4px 0;font-size:14px}