:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193c2e;background:#f2f5ee;font-size:18px}*{box-sizing:border-box}body{margin:0}header{background:#fff;display:flex;align-items:center;gap:20px;padding:14px 24px;border-bottom:1px solid #dce5d5}header img{width:180px;height:auto;object-fit:contain}h1{font-size:26px;margin:0}header p{margin:4px 0;color:#627661}.badge{margin-left:auto;background:#fff1bd;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:750}nav{display:flex;gap:8px;padding:12px 24px;overflow:auto;background:white;position:sticky;top:0;z-index:5}button{font:inherit;cursor:pointer;padding:12px 16px;min-height:50px;border:1px solid #cedcc7;border-radius:12px;background:#fff;color:#193c2e;font-weight:650;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}.primary,.active{background:#078347;color:#fff;border-color:#078347}.warn{background:#fff4c5}.danger{color:#a83c28}nav button{white-space:nowrap;font-size:16px}.notice{background:#fff5d7;margin:12px 20px;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}main{max-width:1600px;margin:0 auto;padding:6px 20px 30px}.layout{display:grid;grid-template-columns:225px minmax(320px,1fr) minmax(390px,1fr);gap:14px;align-items:start}.panel{background:white;border-radius:17px;border:1px solid #e0e7d9;padding:20px;margin-bottom:14px}h2{font-size:24px;margin:0 0 15px}h3{font-size:19px;margin:15px 0 10px}.tables{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tables button{padding:13px 4px;font-size:18px}.busy{background:#fff4c8}.muted{font-size:14px;color:#647561;line-height:1.5}.categories{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.categories button{font-size:15px;padding:9px 12px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{text-align:left;padding:16px 12px;min-height:105px;background:#f7faf4;font-size:21px;line-height:1.3}.tile strong{display:block;font-size:24px;margin-top:10px;color:#376644}.tile small{display:block;font-size:13px;font-weight:400;margin-top:6px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.line{padding:13px 0;border-bottom:1px solid #e4eadd}.line.new{background:#fff7db;padding:13px 10px;border-radius:10px;margin:6px 0}.line strong{font-size:20px}.qty{display:flex;align-items:center;gap:12px;margin-top:7px}.qty b{font-size:25px;min-width:25px;text-align:center}.qty button{min-height:44px;padding:8px 14px}.status{background:#fff2bf;padding:8px 12px;font-size:13px;border-radius:20px}.total{font-size:38px;font-weight:800;letter-spacing:-1px}.summary{padding:18px 0;flex-wrap:wrap}.wide{width:100%;font-size:23px;min-height:62px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}label{display:block;margin:12px 0;color:#566b51}input,select,textarea{font:inherit;border:1px solid #cbd9c4;padding:12px;width:100%;border-radius:10px;background:#fff;margin-top:5px;min-height:48px}textarea{min-height:80px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #e5ebdf}th{font-size:14px;color:#647560}td{font-size:17px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.stat{padding:16px;border-radius:12px;background:#f1f6e9;font-size:15px}.stat strong{display:block;font-size:27px;margin-top:7px}.empty{text-align:center;padding:30px 12px;color:#71826b}.positive{color:#137c43}.moneyinput{font-size:30px;font-weight:700}dialog{border:0;border-radius:16px;padding:22px;width:95%;max-width:580px;max-height:92vh;overflow:auto;color:#193c2e}dialog::backdrop{background:#142d2480}.receipt{max-width:360px;margin:auto;color:black;font-size:14px}.receipt .logo{display:block;width:160px;height:auto;margin:0 auto 10px}.receipt h2{text-align:center;font-size:23px}.receipt p{text-align:center;font-size:13px;margin:6px 0}.receipt td{font-size:13px;padding:10px 3px}.receipt th{font-size:12px;color:black}.receipt .sum{text-align:right;font-size:32px;font-weight:800;margin:15px 0}.qr{display:block;width:220px;height:220px;margin:10px auto}.qr svg{display:block;width:100%;height:100%}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#173d2c;color:white;padding:14px 20px;border-radius:12px;z-index:50;display:none;max-width:90%;font-size:16px}details{margin-top:14px}details summary{cursor:pointer;font-weight:700;padding:12px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bottomhelp{margin:10px 0}.inventoryqty{max-width:140px}.paid{background:#e6f5e5}.smallbutton{font-size:14px;padding:8px 10px;min-height:40px}@media(max-width:1100px){.layout{grid-template-columns:1fr 1fr}.tablepanel{grid-column:1/-1}.tables{grid-template-columns:repeat(7,1fr)}.tables button{font-size:16px}.tiles .tile{font-size:19px}.badge{display:none}}@media(max-width:700px){:root{font-size:17px}header{padding:12px;gap:12px}header img{width:132px}h1{font-size:20px}header p{font-size:15px}nav{padding:10px}main{padding:4px 10px 25px}.notice{margin:10px;font-size:12px}.layout,.twocol{display:block}.tables{grid-template-columns:repeat(4,1fr)}.panel{padding:16px}.tile{font-size:19px;min-height:112px}.tile strong{font-size:24px}.total{font-size:35px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:23px}.formgrid{grid-template-columns:1fr}td,th{padding:10px 5px}.summary{position:sticky;bottom:0;background:white;z-index:2;border-top:1px solid #dde5d5}.orderpanel h2{font-size:28px}}@media print{@page{size:80mm auto;margin:4mm}body>*{display:none!important}dialog[open]{display:block!important;position:static;max-height:none;max-width:none;width:72mm;padding:0;margin:0;border:0;color:black}.noprint{display:none!important}.receipt{width:72mm;max-width:none}.receipt .qr{width:36mm;height:36mm}.receipt .logo{width:38mm}.receipt .sum{font-size:22pt}.receipt td{font-size:9pt}.receipt p{font-size:8pt}}
.userbar{display:flex;align-items:center;gap:10px;margin-left:auto}.userbar small{display:block;font-size:12px;color:#63765d}.userbar button{font-size:13px;min-height:42px;padding:8px}.avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.initials{background:#e9f2df;color:#17643d;font-size:40px;font-weight:800}.smallavatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.lockscreen{max-width:960px;margin:35px auto;text-align:center}.staffcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.staffcard{padding:24px 12px;min-height:220px;background:#fff}.staffcard strong{display:block;font-size:24px}.staffcard small{display:block;margin-top:8px;font-size:14px;font-weight:400}.authsetup,.pinbox{max-width:480px;margin:25px auto;text-align:left}.staffrow{padding:12px 0;border-bottom:1px solid #dce5d5}.staffrow span:not(.smallavatar){flex:1}.stafflist{margin:12px 0}@media(max-width:700px){header{flex-wrap:wrap}.userbar{width:100%;margin:5px 0 0}.userbar span{flex:1}.staffcards{grid-template-columns:1fr 1fr;gap:10px}.staffcard strong{font-size:21px}.staffcard{min-height:200px}.avatar{width:90px;height:90px}.lockscreen{margin:15px auto}.staffrow{flex-wrap:wrap}}
@media(max-width:700px){dialog{width:100%;max-width:none;padding:16px;border-radius:12px}.receipt{max-width:100%;font-size:16px}.receipt td{font-size:15px}.receipt th{font-size:14px}.receipt p{font-size:14px}.qr{width:240px;height:240px}.receipt .sum{font-size:38px}nav{flex-wrap:nowrap}.notice{font-size:11px}}
.authlink{display:block;text-align:center;text-decoration:none;padding:16px;border-radius:12px}.notice{font-weight:600}