:root{--ink:#352a16;--muted:#8a7c64;--line:#ede7d9;--paper:#fffdfa;--canvas:#fbf9f4;--honey:#e8a932;--honey-light:#fff1cd;--dark:#322714;--green:#28876a;--red:#b84833}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.44;cursor:not-allowed}input{width:100%;min-height:43px;border:1px solid #ddd6c7;background:white;border-radius:11px;padding:10px 13px;color:var(--ink);outline:0}input:focus{border-color:#d9a037;box-shadow:0 0 0 3px #f6d5836e}label{font-weight:650;font-size:13px;display:block;margin:14px 0 7px}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:#fffefb;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 17px}.sidebar-top{display:flex;gap:11px;align-items:center;margin:0 10px 56px}.brand-mark{display:grid;place-items:center;background:var(--dark);color:#f6bf50;border-radius:14px;width:42px;height:42px;font-size:38px;line-height:1}.sidebar-top strong,.topbar-brand strong{font-weight:950;font-size:22px;letter-spacing:-1.2px}.sidebar-top span:not(.gold-dot){display:block;font-size:9px;font-weight:850;letter-spacing:2.25px;color:var(--muted)}.gold-dot{color:var(--honey)}.side-section-label{font-size:10px;letter-spacing:1.8px;color:#b2a68d;font-weight:800;padding:0 20px 11px}.side-nav{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;text-align:left;border-radius:12px;padding:14px 18px;color:#776e5b;font-size:14px;font-weight:670;display:flex;align-items:center;gap:17px}.nav-item.active{background:#fff0cd;color:#6c4806}.nav-item:hover{background:#faf2dc}.nav-icon{font-size:21px;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:28px 12px 5px;display:flex;gap:10px;align-items:center}.sidebar-bottom strong{font-size:12px;display:block}.sidebar-bottom small{color:#a09379;font-size:11px}.online-dot{width:9px;height:9px;border-radius:50%;background:#5ea67c;flex:none}.main{flex:1;min-width:0}.topbar{height:78px;background:#fffefb;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 37px}.today{color:#958b76;font-size:13px}.topbar-end{margin-left:auto;display:flex;align-items:center;gap:23px}.connection{font-size:12px;color:#3c8a69;background:#eaf7ef;border:1px solid #d5ebdc;border-radius:8px;padding:7px 11px;font-weight:700}.avatar{border:0;background:#fcdb8d;border-radius:50%;width:36px;height:36px;font-weight:800;color:#674100}.topbar-brand{display:none}.content{max-width:1470px;margin:0 auto;padding:36px 42px 100px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{color:#bc8b24;letter-spacing:2.7px;font-size:10px;font-weight:900}.page-heading h1{margin:6px 0 6px;font-size:34px;line-height:1.2;letter-spacing:-1.4px;font-weight:850}.page-heading p{margin:0;color:var(--muted);font-size:14px}.tiny-honey{font-size:22px;color:#d8a54d}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:11px;border:1px solid transparent;padding:10px 17px;font-weight:750;font-size:13px;white-space:nowrap}.btn span{font-size:19px;font-weight:500}.btn.primary{background:#e8b347;color:#33250e;box-shadow:0 2px 0 #d39b32}.btn.primary:hover:not(:disabled){background:#f2c061}.btn.outline{border-color:#e9dfcc;background:#fffefb;color:#5d4b2e}.btn.outline:hover{background:#fff4dd}.btn.small{min-height:37px;padding:7px 13px;font-size:12px}.btn.wide{width:100%;padding:13px}.text-button{border:0;background:none;color:#b07a13;font-size:12px;font-weight:800;padding:6px 0}.text-button:hover{text-decoration:underline}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:27px}.stat-box{background:white;border:1px solid var(--line);border-radius:16px;padding:20px 21px;min-height:135px;display:flex;flex-direction:column;justify-content:center}.stat-box>span{font-size:12px;font-weight:650;color:#877a61}.stat-box strong{font-size:27px;letter-spacing:-1.1px;padding:8px 0 1px}.stat-box small{font-size:11px;color:#aaa08d}.stat-box.highlight{background:#fff3d5;border-color:#f3e5bf}.stat-box.highlight strong{font-size:23px}.stat-box em{font-style:normal;font-size:18px;color:#b68a28}.sale-area{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:19px;align-items:start}.catalog-panel,.cart-panel,.panel{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 3px 16px #7e622507}.catalog-panel{padding:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.section-heading h2,.cart-title h2,.panel h2{font-size:17px;letter-spacing:-.4px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{background:#fffefb;border:1px solid #ede5d5;border-radius:13px;min-height:164px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:13px;transition:transform .12s,border-color .12s}.product-card:hover{border-color:#ddb467;transform:translateY(-2px)}.product-art{width:46px;height:45px;display:grid;place-items:center;font-size:30px;background:#fff4db;border-radius:11px;margin-bottom:13px}.product-card strong{font-size:13px;line-height:1.3;min-height:32px;overflow-wrap:anywhere}.product-card .product-bottom{width:100%;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:15px;font-weight:850}.product-plus{background:#f9e8bf;color:#764e04;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:19px}.quick-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;border-radius:12px;background:#fff8e8;border:1px dashed #ead49c;padding:16px}.quick-box>div{display:flex;align-items:center;gap:11px}.quick-icon{background:#fde0a1;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;font-size:25px;color:#986a1e}.quick-box strong,.quick-box small{display:block}.quick-box strong{font-size:13px}.quick-box small{font-size:11px;color:#9d8d6f;margin-top:3px}.cart-panel{padding:21px 20px;position:sticky;top:19px}.cart-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cart-items{min-height:211px;max-height:400px;overflow:auto}.empty-cart,.empty-catalog{text-align:center;color:#a49983;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:33px 16px;gap:8px;font-size:12px}.empty-cart .empty-art,.empty-catalog .empty-art{font-size:38px;background:#fff5df;padding:10px 19px;border-radius:16px;color:#d7ab56}.empty-cart strong,.empty-catalog strong{color:#675742;font-size:13px}.cart-row{display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid #f3eee6}.cart-row-info{flex:1;min-width:0}.cart-row-info strong{font-size:12px;display:block;overflow-wrap:anywhere}.cart-row-info small{font-size:11px;color:#9f9482}.cart-row-total{font-weight:800;font-size:12px}.qty-controls{display:flex;align-items:center;gap:9px;margin-top:9px}.qty-controls button{width:25px;height:25px;border:1px solid #eee3cb;background:#fff9ea;border-radius:7px;font-size:15px}.qty-controls span{font-weight:700;font-size:12px}.cart-footer{border-top:1px solid var(--line);padding-top:20px}.total-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:680;margin-bottom:6px}.total-line strong{font-size:28px;letter-spacing:-1px}.tax-note{color:#a49a86;font-size:10px;display:block;margin-bottom:19px}.under-pay{font-size:10px;text-align:center;margin-top:15px;color:#aa9e85}.panel{padding:24px}.table-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.table-heading strong{font-size:15px}.table-heading span{font-size:11px;color:var(--muted)}.sale-record,.product-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 5px;border-bottom:1px solid var(--line)}.sale-record:last-child,.product-record:last-child{border:0}.sale-record strong,.product-record strong{font-size:13px;display:block}.sale-record small,.product-record small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.record-right{display:flex;align-items:center;gap:14px}.sale-money{font-weight:850}.pill{font-size:11px;border-radius:30px;background:#f4eddf;color:#74664c;padding:5px 9px;font-weight:750}.pill.paid{color:#287f62;background:#e4f5ee}.pill.failed,.pill.expired{color:#ae5039;background:#fff0e9}.product-record .actions{display:flex;align-items:center;gap:10px}.prod-symbol{font-size:25px;background:#fff6df;border-radius:10px;padding:10px}.product-record-info{flex:1}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card .btn{margin-top:16px}.settings-card .muted{font-size:11px;color:var(--muted);line-height:1.7;margin-top:16px}.settings-card.span2{grid-column:span 2}.info-line{font-size:12px;color:#7a6b50}.webhook-box{background:#faf5e9;border:1px solid #eee4cc;margin-top:19px;padding:14px;border-radius:12px}.webhook-box small,.webhook-box code{display:block}.webhook-box code{font-size:11px;overflow-wrap:anywhere;margin:9px 0}.tip-list{color:#74674f;font-size:12px;line-height:1.9;padding-left:22px}.bottom-nav{display:none}.login-screen{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#ffe6a2,transparent 40%),#f9f5ea;padding:20px}.login-card{width:min(430px,100%);border:1px solid #f3e5c6;background:white;border-radius:28px;padding:43px;box-shadow:0 24px 70px #72541420}.login-card .big-mark{width:60px;height:60px;font-size:51px;margin-bottom:35px}.login-card h1{font-size:36px;letter-spacing:-2px;margin:6px 0}.login-card p{color:var(--muted);font-size:14px}.login-card form{margin:30px 0 20px}.login-card form .btn{margin-top:20px}.login-card small{color:#a89e87;font-size:11px}.form-error{color:#b84f32!important;font-size:12px!important;min-height:1em}.modal-layer{position:fixed;inset:0;z-index:20;background:#1b160eaa;display:grid;place-items:center;padding:16px}.modal-card{background:white;width:min(460px,100%);max-height:94dvh;overflow:auto;border-radius:21px;padding:27px;box-shadow:0 20px 100px #0005;position:relative}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f5f1e6;width:28px;height:28px;border-radius:50%;font-size:19px}.modal-card h2{font-size:23px;letter-spacing:-.8px;margin:8px 0}.modal-card p{color:var(--muted);font-size:13px;line-height:1.6}.modal-card .btn{margin-top:12px}.modal-card .btn + .btn{margin-top:9px}.qr-wrap{padding:17px;border:1px solid #eadfc8;border-radius:16px;margin:18px auto;width:fit-content;min-height:220px;display:grid;place-items:center}.qr-wrap img{margin:0 auto}.payment-amount{font-size:35px;font-weight:900;letter-spacing:-1px;text-align:center}.payment-heading{text-align:center}.payment-heading small{color:#9d8a66}.payment-status{text-align:center;font-size:12px;color:#90631f;background:#fff6e3;border-radius:9px;padding:10px}.payment-status.success{background:#e4f6ec;color:#247a57}.form-actions{display:flex;gap:10px;margin-top:17px}.form-actions .btn{flex:1}.form-actions .btn{margin-top:0}.warning-note{font-size:12px;background:#fff5dc;color:#8c6422;padding:12px;border-radius:10px}#toast{position:fixed;right:23px;bottom:23px;background:#352714;color:white;border-radius:10px;padding:13px 17px;font-size:13px;box-shadow:0 8px 40px #0003;z-index:50;display:none;max-width:min(400px,90vw)}#toast.show{display:block}@media(max-width:1160px){.sidebar{width:206px}.content{padding:28px 22px 90px}.sale-area{grid-template-columns:minmax(0,1fr) 293px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 22px}}@media(max-width:850px){.sidebar{display:none}.topbar-brand{display:flex;align-items:center;gap:9px}.topbar-brand .mini{width:30px;height:30px;border-radius:9px;font-size:27px}.topbar-brand strong{font-size:19px}.topbar{height:68px;padding:0 18px}.today{display:none}.topbar-end{gap:10px}.content{padding:26px 16px 110px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:73px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:white;z-index:10;box-shadow:0 -2px 15px #20160711;border-top:1px solid var(--line)}.bottom-nav button{flex:1;border:0;background:white;color:#a09684;display:grid;justify-items:center;align-content:center;gap:4px;font-size:10px;font-weight:780}.bottom-nav button span{font-size:23px;line-height:1.2}.bottom-nav button.active{color:#b87b13;background:#fffaf0}.sale-area{grid-template-columns:1fr}.cart-panel{position:static}.cart-items{min-height:130px;max-height:400px}.catalog-panel{padding:18px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-row{gap:9px}.stat-box{padding:14px;min-height:111px}.stat-box strong{font-size:22px}.stat-box.highlight strong{font-size:20px}.page-heading h1{font-size:29px}}@media(max-width:520px){.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading .btn{font-size:11px;padding:8px 10px}.page-heading p{font-size:12px}.stats-row{grid-template-columns:1fr 1fr}.stat-box.highlight{grid-column:span 2;min-height:80px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 15px}.stat-box.highlight small{grid-column:1/-1}.stat-box.highlight strong{font-size:20px;padding:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{min-height:157px}.section-heading{align-items:start}.section-heading h2{font-size:16px}.quick-box small{max-width:150px}.topbar-end .connection{font-size:10px;padding:6px}.settings-grid{grid-template-columns:1fr}.settings-card.span2{grid-column:auto}.record-right{gap:6px}.sale-record{align-items:start}.modal-card{padding:23px}.login-card{padding:28px}.install{display:none}}

/* 2026 POS payment method upgrade */
.payment-choice{margin-top:12px;text-align:center;white-space:normal;min-height:52px;}
.tiny-tip{font-size:12px;line-height:1.45;margin:8px 0 14px;}
.tap-matches{margin-top:18px;padding-top:10px;border-top:1px solid #e9dfcb;}
.tap-match{margin:7px 0;white-space:normal;}
.tap-matches .payment-status.success{background:#e4f6e7;color:#08663e;padding:12px;border-radius:10px;}