@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#172c28;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 75% 0,#fff9e7 0,transparent 30%),#f4f1e9}.topbar{height:74px;flex:none;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #dcd9cf;background:#faf8f2e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#15584b;color:#fff;font:700 18px Fraunces}.brand b{display:block;font:600 19px Fraunces}.brand small{display:block;color:#77837d;font-size:11px;letter-spacing:.06em}.clock{font-size:13px;color:#66736e}.top-actions{justify-self:end;display:flex;align-items:center;gap:8px}.admin-link,.reload-link{border:1px solid #c9d0cb;background:transparent;border-radius:30px;padding:9px 17px;color:#42544e}.reload-link{background:#fff}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(370px,38%) 1fr}.people-panel{min-height:0;padding:26px 24px 14px;border-right:1px solid #dcd9cf;display:flex;flex-direction:column;background:#fbfaf6}.shop-panel{min-width:0;min-height:0;padding:26px 28px 0;display:flex;flex-direction:column}.section-title{display:flex;gap:12px;align-items:flex-start}.section-title>span{font:600 11px DM Sans;color:#a47135;border:1px solid #d7b98e;border-radius:50%;padding-top:8px;text-align:center;width:34px;height:34px}.section-title h1{font:600 25px Fraunces;margin:0}.section-title p{font-size:12px;color:#77837d;margin:3px 0 0}.search{display:flex;align-items:center;margin:20px 0 12px;background:#f0eee7;border:1px solid transparent;border-radius:12px;padding:0 13px;transition:.2s}.search:focus-within{border-color:#317264;background:#fff}.search span{font-size:25px;color:#60736b}.search input{width:100%;border:0;outline:0;background:transparent;padding:12px;font-size:13px}.filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:9px;scrollbar-width:none}.filters button{white-space:nowrap;border:1px solid #d7d8d2;background:#fff;border-radius:30px;padding:7px 12px;font-size:11px;color:#5e6a65}.filters button.active{background:#15584b;color:#fff;border-color:#15584b}.people-list{flex:1;min-height:110px;overflow-y:auto;padding-right:4px}.person{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;border-bottom:1px solid #ebe8df;background:transparent;padding:11px 8px;border-radius:10px}.person.selected{background:#e8f1ed;border-color:transparent}.avatar{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:#e6ded0;color:#8b5e2a;text-transform:uppercase;font:600 17px Fraunces}.person.selected .avatar{background:#15584b;color:#fff}.person b,.person small{display:block}.person b{font-size:13px}.person small{font-size:10px;color:#82908a;margin-top:3px}.person i{margin-left:auto;font-style:normal;font-size:22px;color:#87928e}.keyboard{padding-top:10px;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.keyboard button{border:0;background:#e8e5dd;border-radius:5px;height:24px;font-size:9px;color:#586761}.keyboard button:active{background:#15584b;color:#fff}.keyboard .space{grid-column:span 9}.welcome-card{min-height:116px;background:#15584b;color:#fff;border-radius:18px;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 26px #15584b29}.welcome-card.muted{background:#dedbd2;color:#607069;box-shadow:none}.welcome-card small{font-size:9px;letter-spacing:.16em;opacity:.7}.welcome-card h2{font:600 25px Fraunces;margin:4px 0}.welcome-card p{font-size:11px;margin:0;opacity:.75}.debt{text-align:right;border-left:1px solid rgba(255,255,255,.2);padding-left:25px}.debt span,.debt b,.debt small{display:block}.debt b{font:600 22px Fraunces;margin:4px 0}.products-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 14px}.products-head>span{font-size:11px;color:#84908b}.product-grid{min-height:0;flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));align-content:start;gap:11px;padding:1px 4px 18px}.product-card{min-width:0;background:#fbfaf6;border:1px solid #e2ded3;border-radius:15px;padding:13px;transition:.15s}.product-card.in-cart{border-color:#5d9186;box-shadow:0 5px 18px #15584b17}.product-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f1d8ae;color:#8c5b1e;font:600 17px Fraunces}.color-1{background:#cfe3dd;color:#276557}.color-2{background:#e5d4e7;color:#744c79}.color-3{background:#dbe1b9;color:#657130}.color-4{background:#e9c9bd;color:#935441}.product-card h3{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 2px}.product-card p{font:600 12px Fraunces;color:#a06a2a;margin:0 0 10px}.stepper{display:grid;grid-template-columns:30px 1fr 30px;border:1px solid #dadbd4;border-radius:9px;overflow:hidden}.stepper button{height:29px;border:0;background:#eceae3;color:#15584b;font-size:17px}.stepper input{width:100%;min-width:0;text-align:center;border:0;outline:0;background:#fff;font-weight:600;font-size:12px}.checkout{flex:none;margin:0 -28px;background:#fff;border-top:1px solid #dedbd2;display:flex;align-items:center;justify-content:flex-end;gap:25px;padding:14px 28px}.checkout>div{text-align:right}.checkout span,.checkout b{display:block}.checkout>div span{font-size:10px;color:#81908a}.checkout>div b{font:600 22px Fraunces}.checkout button,.login>button,.billing>button{border:0;border-radius:11px;background:#e59a3d;color:#1e2f2a;font-weight:700;padding:14px 24px;box-shadow:0 7px 16px #e59a3d40}.checkout button:disabled,.billing>button:disabled{opacity:.4;box-shadow:none}.checkout button span{display:inline;margin-left:15px}.toast{position:fixed;left:50%;bottom:85px;transform:translate(-50%);z-index:5;border:0;border-radius:12px;background:#172c28;color:#fff;padding:13px 18px;box-shadow:0 10px 30px #0003}.toast span{margin-left:24px}.loading{display:grid;place-items:center;flex:1;font:600 25px Fraunces;color:#63726d}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#172c28aa;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin{position:relative;width:min(1180px,96vw);height:min(780px,92vh);overflow:auto;background:#f7f5ee;border-radius:22px;box-shadow:0 30px 80px #0005}.close{position:absolute;right:18px;top:15px;z-index:2;border:0;background:#e6e3db;border-radius:50%;width:34px;height:34px;font-size:21px}.login{width:min(360px,90%);margin:12vh auto;text-align:center}.login .brand-mark{margin:auto}.login h2{font:600 27px Fraunces;margin:16px 0 5px}.login p{font-size:13px;color:#77837d}.login input{display:block;width:100%;border:1px solid #d6d7d0;border-radius:10px;background:#fff;padding:12px;margin:9px 0}.login>button{width:100%;margin-top:6px}.error{color:#b24736}.dashboard{padding:28px}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head small{font-size:9px;letter-spacing:.18em;color:#8c6e43}.admin-head h2{font:600 27px Fraunces;margin:4px 0}.admin-head button{border:1px solid #d1d3cc;background:#fff;border-radius:9px;padding:9px 15px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat-grid>div{background:#fff;border:1px solid #e0ddd5;border-radius:13px;padding:15px}.stat-grid span,.stat-grid b{display:block}.stat-grid span{font-size:10px;color:#7b8883}.stat-grid b{font:600 22px Fraunces;margin-top:5px}.billing{display:flex;align-items:end;gap:12px;background:#e6eee9;border-radius:14px;padding:14px 16px}.billing>div{margin-right:auto}.billing h3{font:600 16px Fraunces;margin:0}.billing p{font-size:10px;color:#697a74;margin:3px 0}.billing label{font-size:9px;color:#697a74}.billing input{display:block;margin-top:3px;border:1px solid #c9d4ce;border-radius:8px;background:#fff;padding:8px}.billing>button{padding:10px 17px}.admin-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;margin-top:17px}.admin-columns section,.admin-columns aside{background:#fff;border:1px solid #e0ddd5;border-radius:14px;padding:15px;min-width:0}.admin-columns h3{font:600 16px Fraunces;margin:0 0 12px}.table-wrap{overflow:auto;max-height:350px}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;color:#7e8985;font-weight:500;border-bottom:1px solid #ddd;padding:8px}td{padding:9px 8px;border-bottom:1px solid #efede7}td small{display:block;color:#89928e}.rank,.period{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eeece6;padding:9px 0;font-size:11px}.rank>b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#ebe7db}.rank span,.period span{flex:1}.rank small,.period small{display:block;color:#89928e;margin-top:2px}.rank strong,.period b{font-size:10px}.admin-columns aside>h3:not(:first-child){margin-top:22px}@media(max-width:800px){.workspace{grid-template-columns:42% 58%}.product-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.people-panel{padding:18px 14px}.shop-panel{padding:18px 16px 0}.checkout{margin:0 -16px;padding:12px 16px}.welcome-card{padding:16px}.debt{padding-left:12px}.admin-columns{grid-template-columns:1fr}.billing{flex-wrap:wrap}}@media(max-height:650px){.topbar{height:60px}.people-panel,.shop-panel{padding-top:14px}.keyboard{display:none}.welcome-card{min-height:90px}.products-head{margin:13px 2px 9px}.product-icon{display:none}.product-card h3{margin-top:0}}.error-screen{text-align:center}.error-screen b{display:block;color:#8d3c30}.error-screen p{max-width:600px;font:400 13px DM Sans;color:#66736e}.error-screen button{border:0;border-radius:10px;background:#15584b;color:#fff;padding:11px 18px}.product-list{min-height:0;flex:1;overflow-y:auto;padding:0 4px 18px}.product-group>h2{display:flex;align-items:center;gap:8px;margin:5px 0 10px;font:600 15px Fraunces;color:#3d504a}.product-group>h2 span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:20px;background:#e5e2d9;color:#728079;font:600 9px DM Sans}.product-list .product-grid{min-height:auto;flex:none;overflow:visible;padding:1px 0 18px}.debt-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;min-width:360px}.debt-grid>div{display:flex;flex-direction:column;justify-content:center}.debt-grid .unpaid-debt{padding-left:18px;border-left:1px solid rgba(255,255,255,.24)}.debt-grid .unpaid-debt b{font-size:27px;color:#ffd28f}.debt-grid .unpaid-debt small{font-size:11px;font-weight:600;opacity:.9}.record-filter{display:flex;align-items:end;gap:10px;margin-top:14px;padding:11px 14px;border:1px solid #dedbd2;border-radius:12px;background:#fff}.record-filter>b{margin-right:auto;align-self:center;font:600 14px Fraunces}.record-filter label{font-size:9px;color:#697a74}.record-filter input{display:block;margin-top:3px;border:1px solid #c9d4ce;border-radius:8px;padding:8px;background:#fff}.record-filter button{border:0;border-radius:8px;background:#15584b;color:#fff;padding:9px 14px}.record-filter button.secondary{background:#e8e5dd;color:#52635d}@media(max-width:900px){.debt-grid{min-width:300px;gap:10px}.debt-grid .unpaid-debt{padding-left:10px}.record-filter{flex-wrap:wrap}.record-filter>b{width:100%}}.keyboard{display:grid!important}.access-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,#fff4d8 0,transparent 35%),#f4f1e9;text-align:center}.access-gate>div,.access-gate form{width:min(400px,100%);padding:34px;border:1px solid #dedbd2;border-radius:22px;background:#fbfaf6;box-shadow:0 20px 60px #172c2821}.access-gate .brand-mark{margin:0 auto 14px}.access-gate small{display:block;margin:7px 0;color:#9a7444;font-size:9px;letter-spacing:.18em}.access-gate h1{margin:8px 0;font:600 29px Fraunces}.access-gate p{margin:8px 0 20px;color:#6c7a75;font-size:13px;line-height:1.5}.access-gate input{display:block;width:100%;margin-bottom:10px;padding:14px;border:1px solid #ccd1cc;border-radius:11px;background:#fff;outline:0}.access-gate input:focus{border-color:#15584b;box-shadow:0 0 0 3px #15584b1a}.access-gate button{width:100%;padding:13px;border:0;border-radius:11px;background:#15584b;color:#fff;font-weight:700}.access-gate button:disabled{opacity:.45}.access-gate .error{display:block;margin-top:12px;font-size:12px}