:root{font-family:Segoe UI,Arial,sans-serif;color:#163a35;background:#f4f6f2;line-height:1.5;--green:#164c40;--lime:#ddeb9b;--line:#dce3da}*{box-sizing:border-box}body{margin:0}header{min-height:92px;padding:18px 5%;display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;font-weight:600}.mark{display:grid;place-items:center;background:var(--green);color:var(--lime);width:48px;height:48px;border-radius:12px;font-size:20px}#identity{margin-left:auto;font-size:13px}main{max-width:1400px;margin:auto;padding:42px 5%}.heading,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px}h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:12px 0}h2{font-size:22px;margin:4px 0 12px}h3{font-size:15px;margin:18px 0 6px}p{margin:8px 0 16px}.muted{color:#61766e}.small,small{font-size:12px}button{border:0;border-radius:9px;padding:13px 18px;background:var(--green);color:white;font:inherit;font-size:13px;font-weight:650;cursor:pointer}button:hover{filter:brightness(.93)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#eaf0e5;color:var(--green)}.ghost{color:var(--green);background:transparent;padding:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stats article{background:white;border:1px solid var(--line);padding:22px;border-radius:14px}.stats span{display:block;font-size:12px;color:#61766e}.stats strong{display:block;font-size:30px;margin-top:8px}.stats .rule{background:var(--green);color:white}.rule span,.rule small{color:#ddebca}.rule strong{font-size:23px}.columns{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(360px,1.4fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:27px}.login{max-width:460px;margin:30px auto}.login h1{font-size:44px}.login form{margin:28px 0}label{display:block;font-size:12px;font-weight:650;margin:16px 0}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cbd7cc;border-radius:8px;font:inherit;font-size:15px;background:#fcfdfa;color:#163a35}input:focus,button:focus-visible{outline:3px solid #b8d586;outline-offset:2px}.customer-list{margin:20px -12px}.customer-button{display:block;width:100%;background:transparent;color:#163a35;text-align:left;padding:15px 12px;border-radius:8px;border-bottom:1px solid #edf0ea}.customer-button.selected{background:#edf4e1}.customer-button span{display:block;font-size:12px;color:#61766e;font-weight:400;margin-top:4px}.customer-button strong{float:right;font-size:13px}#empty{text-align:center;padding:75px 25px}.empty-symbol{display:block;font-size:62px;color:#6d8965}#empty p{max-width:330px;margin:15px auto}.balance{padding:24px;background:#f0f5e8;border-radius:12px;margin:22px 0}.balance>span{font-size:12px}.balance strong{display:block;font-size:42px;letter-spacing:-1px}.balance strong small{font-size:17px;font-weight:500}.balance p{font-size:12px;margin-bottom:0}progress{appearance:none;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#dce7ce}progress::-webkit-progress-bar{background:#dce7ce}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}#purchase-form button{width:100%}.reward{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;padding:7px 0}.history-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0ea;padding:13px 0;font-size:13px}.history-row small{display:block;color:#61766e}.history-row strong{white-space:nowrap}footer{display:flex;justify-content:space-between;gap:10px;color:#718079;font-size:11px;margin-top:30px}dialog{border:1px solid var(--line);border-radius:18px;padding:26px;width:calc(100% - 32px);max-width:460px;color:#163a35}dialog::backdrop{background:#0b241db3}.loyalty-card{padding:24px;background:#164c40;color:white;text-align:center;border-radius:15px;margin:15px 0 22px}.loyalty-card h2{letter-spacing:1px}.loyalty-card .eyebrow{color:var(--lime)}#qr{background:white;padding:15px;width:222px;min-height:222px;margin:20px auto}#qr img,#qr canvas{width:192px;height:192px}code{display:block;overflow-wrap:anywhere;font-size:10px;letter-spacing:.6px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;background:#173e35;color:white;border-radius:12px;padding:16px 24px;max-width:90vw;box-shadow:0 8px 30px #0002}#notice.error{background:#873b2a}[hidden]{display:none!important}@media(max-width:800px){main{padding:26px 18px}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}h1{font-size:30px}.panel{padding:20px}header{padding:15px 18px;flex-wrap:wrap;gap:10px}.brand{font-size:14px}#identity{font-size:11px}footer{flex-direction:column}#empty{padding:25px}.stats article{padding:17px}.stats strong{font-size:25px}.rule strong{font-size:20px}}@media print{body>*{display:none!important}body>dialog#card-dialog{display:block!important;position:static;max-width:400px;margin:20px auto;border:0}dialog::backdrop,.no-print{display:none!important}.loyalty-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}