*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#f0f0f0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.top{flex:1;display:flex;gap:1px;background:#ddd;overflow:hidden}.products{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd}.product-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:none;font-family:inherit;cursor:pointer}.product-card:active{background:#e8f5e9}.product-card__name{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:600;color:#333;text-align:center;margin-bottom:.5rem;padding:0 1rem}.product-card__price{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#2d5a27}.cart{width:clamp(200px,25vw,320px);background:#fff;display:flex;flex-direction:column;padding:1rem}.cart--empty{justify-content:center;align-items:center;color:#999;font-size:1.25rem;cursor:pointer}.cart__items{flex:1;list-style:none;overflow-y:auto}.cart-item{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee;gap:.5rem}.cart-item__name{flex:1;font-weight:500;font-size:clamp(.875rem,1.5vw,1rem)}.cart-item__btn{width:40px;height:40px;min-width:40px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:1.25rem;cursor:pointer}.cart-item__btn:active{background:#f0f0f0}.cart-item__quantity{width:1.5rem;text-align:center;font-weight:600}.cart-item__price{min-width:4rem;text-align:right;font-weight:600;color:#2d5a27;font-size:clamp(.875rem,1.5vw,1rem)}.cart__footer{border-top:2px solid #2d5a27;padding-top:.75rem;margin-top:.75rem}.cart__total{display:flex;justify-content:space-between;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;cursor:pointer;padding:.5rem 0}.cart__payment-tabs{display:flex;gap:.5rem;margin-top:.75rem}.cart__payment-tab{flex:1;height:40px;border:2px solid #ddd;border-radius:6px;background:#fff;font-size:.875rem;font-weight:600;color:#666;cursor:pointer;transition:all .15s ease}.cart__payment-tab--active{border-color:#2d5a27;background:#e8f5e9;color:#2d5a27}.cart__payment-tab:active{background:#f0f0f0}.cart__payment-tab--active:active{background:#d0e8d0}.cart__clear{margin-top:.5rem;width:100%;height:40px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:1rem;color:#666;cursor:pointer}.cart__clear:active{background:#f0f0f0}.bottom{display:flex;gap:.5rem;padding:.75rem;background:#fff;border-top:1px solid #ddd;align-items:center}.customer-form{flex:1;display:flex;gap:.5rem}.customer-form input{flex:1;min-width:0;height:50px;padding:0 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.customer-form input:focus{outline:none;border-color:#2d5a27}.checkout{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.checkout__offline{padding:.25rem .5rem;background:#f59e0b;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.checkout__queue{padding:.25rem .5rem;background:#3b82f6;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.checkout__button{height:50px;padding:0 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;background:#2d5a27;color:#fff;white-space:nowrap}.checkout__button:disabled{background:#ccc}.checkout__button:active:not(:disabled){background:#1e3d1a}.checkout__button--success{background:#16a34a}.checkout__button--error{background:#dc2626}.checkout__button--queued{background:#3b82f6}.admin{display:flex;flex-direction:column;height:100%;background:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.admin__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;flex-shrink:0}.admin__header h1{margin:0;font-size:1.5rem}.admin__close{width:44px;height:44px;border:none;background:#f0f0f0;border-radius:8px;font-size:1.25rem;cursor:pointer}.admin__close:active{background:#ddd}.admin__stats{display:flex;gap:.5rem;padding:1rem;background:#f9f9f9;flex-shrink:0}.admin__stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#fff;border-radius:8px;min-width:0}.admin__stat-value{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:#2d5a27;white-space:nowrap}.admin__stat-label{font-size:.75rem;color:#666}.admin__actions{display:flex;gap:.5rem;padding:.75rem 1rem;flex-shrink:0}.admin__sync,.admin__refresh{flex:1;height:44px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap}.admin__sync{background:#3b82f6;color:#fff}.admin__sync:disabled{background:#ccc}.admin__refresh{background:#f0f0f0;color:#333}.admin__table-wrap{flex:1;overflow:auto;padding:0 1rem 1rem;-webkit-overflow-scrolling:touch}.admin__table{width:100%;min-width:600px;border-collapse:collapse;font-size:.875rem}.admin__table th,.admin__table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.admin__table th{font-weight:600;background:#f9f9f9;position:sticky;top:0;z-index:1}.admin__table td:nth-child(3){max-width:200px;overflow:hidden;text-overflow:ellipsis}.admin__empty{text-align:center;color:#999;padding:2rem!important;white-space:normal!important}.admin__status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.admin__status--sent{background:#dcfce7;color:#166534}.admin__status--pending{background:#fef3c7;color:#92400e}.admin__resend{padding:.375rem .75rem;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:.75rem;cursor:pointer;white-space:nowrap}.admin__resend:active{background:#f0f0f0}.admin__resend:disabled{opacity:.5}.admin__header-left{display:flex;align-items:center;gap:1rem}.admin__logout{height:32px;padding:0 .75rem;border:1px solid #dc2626;background:#fff;border-radius:6px;font-size:.75rem;color:#dc2626;cursor:pointer}.admin__logout:active{background:#fef2f2}.admin__cloud-push{flex:1;height:44px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;background:#16a34a;color:#fff}.admin__cloud-push:disabled{background:#ccc}.admin__cloud-pull{flex:1;height:44px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;background:#3b82f6;color:#fff}.admin__cloud-pull:disabled{background:#ccc}.admin__pin-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.admin__pin-label{font-size:1.25rem;color:#333}.admin__pin-input{width:160px;height:60px;text-align:center;font-size:2rem;letter-spacing:.5rem;border:2px solid #ddd;border-radius:8px;font-family:monospace}.admin__pin-input:focus{outline:none;border-color:#2d5a27}.admin__pin-input--error{border-color:#dc2626;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.admin__pin-error{color:#dc2626;font-size:.875rem}.admin__pin-submit{width:160px;height:50px;border:none;border-radius:8px;background:#2d5a27;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.admin__pin-submit:disabled{background:#ccc}.admin__pin-submit:active:not(:disabled){background:#1e3d1a}@media(max-width:768px),(max-height:500px){.top{flex-direction:column}.products{flex:none;height:50%}.cart{width:100%;flex:1}.bottom{flex-wrap:wrap}.customer-form{width:100%}.checkout{width:100%;justify-content:flex-end}.checkout__button{flex:1}}@media(max-width:500px){.products{grid-template-columns:repeat(3,1fr)}.product-card__name{font-size:.875rem}.product-card__price{font-size:1.25rem}.admin__stats{flex-wrap:wrap}.admin__stat{flex-basis:calc(50% - .25rem)}}