:root{--pos-bg:#1e2433;--pos-panel-bg:#141b2d;--pos-text:#f8fafc;--pos-text-muted:#94a3b8;--pos-border:#334155;--pos-accent:#3b82f6;--pos-accent-hover:#2563eb;--pos-card:#1f2937}body{background-color:var(--pos-bg);color:var(--pos-text);margin:0;font-family:Inter,Instrument Sans,sans-serif}.pos-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.pos-header{background-color:var(--pos-panel-bg);border-bottom:1px solid var(--pos-border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.pos-header-left{align-items:center;gap:2rem;display:flex}.pos-logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.pos-logo-icon{background-color:var(--pos-accent);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pos-date-time{color:var(--pos-text-muted);font-size:.875rem}.pos-header-nav{gap:1.5rem;display:flex}.pos-nav-item{color:var(--pos-text-muted);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.pos-nav-item.active{color:var(--pos-accent)}.pos-header-right{align-items:center;gap:1rem;display:flex}.pos-btn-outline{border:1px solid var(--pos-border);color:var(--pos-text);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem}.pos-main{flex:1;display:flex;overflow:hidden}.pos-catalog{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.pos-search{background-color:var(--pos-panel-bg);border:1px solid var(--pos-border);color:var(--pos-text);border-radius:.5rem;outline:none;flex-shrink:0;width:100%;margin-bottom:1.5rem;padding:.75rem 1rem}.pos-categories{flex-shrink:0;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.pos-category-btn{background:var(--pos-panel-bg);color:var(--pos-text-muted);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:2rem;padding:.5rem 1.5rem}.pos-category-btn.active{background:var(--pos-card);color:var(--pos-text);border-color:var(--pos-accent)}.pos-items-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;display:grid}.pos-item-card{background:var(--pos-panel-bg);border:1px solid #0000;border-radius:.75rem;flex-direction:column;align-items:center;padding:1rem;transition:all .2s;display:flex}.pos-item-card:hover{border-color:var(--pos-border);transform:translateY(-2px)}.pos-item-image{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:1rem}.pos-item-name{text-align:center;margin-bottom:.5rem;font-weight:500}.pos-item-price{color:var(--pos-text-muted);margin-bottom:1rem}.pos-item-add{background:var(--pos-accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.5rem 1.5rem}.pos-item-add:hover{background:var(--pos-accent-hover)}.pos-cart{background:var(--pos-panel-bg);border-left:1px solid var(--pos-border);flex-direction:column;width:400px;padding:1.5rem;display:flex}.pos-customer-selector{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.pos-customer-info h3{margin:0 0 .25rem;font-size:1rem}.pos-customer-info p{color:var(--pos-text-muted);margin:0;font-size:.875rem}.pos-order-type{gap:1rem;margin-bottom:2rem;display:flex}.pos-order-type-btn{border:1px solid var(--pos-border);color:var(--pos-text-muted);cursor:pointer;background:0 0;border-radius:.5rem;flex:1;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.pos-order-type-btn.active{border-color:var(--pos-text);color:var(--pos-text)}.pos-cart-items{color:var(--pos-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.pos-cart-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.pos-cart-summary{border-top:1px solid var(--pos-border);margin-top:auto;padding-top:1.5rem}.pos-summary-row{color:var(--pos-text-muted);justify-content:space-between;margin-bottom:.75rem;display:flex}.pos-summary-row.total{color:var(--pos-text);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.pos-payment-methods{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.pos-payment-btn{border:1px solid var(--pos-border);color:var(--pos-text-muted);cursor:pointer;background:0 0;border-radius:.5rem;padding:.75rem 0;font-size:.875rem}.pos-payment-btn.active{background:var(--pos-card);color:var(--pos-accent);border-color:var(--pos-accent)}.pos-promo-input{border:1px solid var(--pos-border);color:var(--pos-text);box-sizing:border-box;background:0 0;border-radius:.5rem;width:100%;margin-bottom:1.5rem;padding:.75rem}.pos-place-order{background:var(--pos-accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:500}.pos-place-order:hover{background:var(--pos-accent-hover)}.pos-categories::-webkit-scrollbar{display:none}.pos-categories{-ms-overflow-style:none;scrollbar-width:none}.pos-category-btn{flex-shrink:0}@media (width<=1024px){.pos-header{flex-wrap:wrap;gap:1rem;padding:1rem}.pos-header-left{flex:1;gap:1rem}.pos-header-right{flex-shrink:0}.pos-header-nav{-ms-overflow-style:none;scrollbar-width:none;order:3;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.pos-header-nav::-webkit-scrollbar{display:none}.pos-main{flex-direction:column;overflow-y:auto}.pos-container{height:auto;min-height:100vh;overflow-y:auto}.pos-catalog{padding:1rem;overflow-y:visible}.pos-cart{border-left:none;border-top:1px solid var(--pos-border);width:100%;padding:1rem}.pos-place-order{margin-bottom:2rem}}