:root{--bg-dark:#0f172a;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--accent-blue:#38bdf8;--accent-green:#10b981;--accent-purple:#a855f7;--text-primary:#f8fafc;--text-secondary:#94a3b8;--sidebar-width:260px;--radius-lg:16px;--radius-md:12px;--shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.app-container{width:100vw;height:100vh;display:flex}.sidebar{width:var(--sidebar-width);z-index:100;flex-direction:column;height:100%;padding:2rem 1.5rem;display:flex}.logo{letter-spacing:-1px;color:var(--text-primary);margin-bottom:3rem;font-size:1.8rem;font-weight:900}.logo span{color:var(--accent-blue)}.nav-items{flex-direction:column;gap:.8rem;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:1rem;padding:1rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #38bdf84d}.nav-footer{margin-top:auto;padding-top:2rem}.version-tag{color:var(--text-secondary);opacity:.5;font-size:.8rem}.main-content{flex-direction:column;flex:1;gap:2rem;height:100%;padding:2rem;display:flex;overflow-y:auto}.main-header{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-info h1{margin-bottom:.2rem;font-size:1.8rem}.subtitle{color:var(--text-secondary);font-size:.95rem}.header-actions{align-items:center;gap:1rem;display:flex}.stats-badge{border-radius:var(--radius-md);background:#38bdf81a;border:1px solid #38bdf833;align-items:center;gap:.5rem;padding:.6rem 1.2rem;display:flex}.stats-label{color:var(--text-secondary);font-size:.85rem}.stats-value{color:var(--accent-blue);font-weight:800}.message-badge{background:var(--accent-green);color:#fff;border-radius:var(--radius-md);padding:.6rem 1.2rem;font-weight:600}.outline-btn{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s;display:flex}.outline-btn:hover{background:#ffffff0d}.outline-btn.danger{color:#ef4444;border-color:#ef44444d}.primary-btn{background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:1.2rem;font-size:1.2rem;font-weight:700;transition:transform .2s}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.pos-grid{flex:1;grid-template-columns:1fr 380px;gap:2rem;min-height:0;display:grid}.order-section{border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.section-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.dashboard-search-wrapper{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0d;align-items:center;gap:.8rem;width:300px;padding:.6rem 1rem;display:flex}.dashboard-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.customer-inputs-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.relative{position:relative}.suggestions-list{z-index:1000;border-radius:var(--radius-md);max-height:200px;margin-top:5px;padding:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem 1rem;transition:all .2s;display:flex}.suggestion-item:hover{background:#ffffff1a}.suggestion-name{font-weight:600}.suggestion-phone{color:var(--text-secondary);font-size:.8rem}.customer-input-wrapper{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);background:#0003;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.phone-icon-placeholder{color:var(--accent-blue);text-align:center;width:18px;font-size:1.2rem;font-weight:800}.customer-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.order-items{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.order-item{border-radius:var(--radius-md);grid-template-columns:auto auto 1fr auto;align-items:center;gap:2rem;padding:1.2rem;display:grid}.item-name-box{text-align:center;flex:1;padding:0 1rem}.item-name{color:var(--text-primary);font-size:1.3rem;font-weight:800}.item-details{flex-direction:column;align-items:flex-end;gap:.3rem;min-width:120px;display:flex}.barcode-tag{background:#ffffff0d;border-radius:4px;padding:2px 8px}.item-price-info{align-items:center;gap:1.5rem;display:flex}.unit-price-box{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #0000;align-items:center;gap:.3rem;width:100px;padding:.4rem .8rem;transition:all .2s;display:flex}.unit-price-box:focus-within{border-color:var(--accent-blue);background:#ffffff1a}.unit-price-input{color:var(--text-primary);text-align:center;background:0 0;border:none;outline:none;width:100%;font-size:1.1rem;font-weight:700}.currency-symbol{color:var(--text-secondary);font-size:.9rem;font-weight:600}.qty-control{border-radius:var(--radius-md);background:#0000004d;align-items:center;gap:1rem;padding:.4rem;display:flex}.qty-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;width:28px;height:28px}.qty-val{color:#fff;text-align:center;background:0 0;border:none;outline:none;width:60px;font-size:1.1rem;font-weight:800}.row-total{color:var(--accent-blue);text-align:left;width:100px;font-size:1.2rem;font-weight:800}.order-footer{border-top:1px solid var(--glass-border);background:#0003;padding:2rem}.total-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;display:flex}.total-value{color:var(--accent-blue);font-size:2.2rem;font-weight:900}.scan-section{flex-direction:column;gap:1.5rem;display:flex}.scan-card,.search-card,.admin-card{border-radius:var(--radius-lg);padding:1.5rem}.scan-card h3,.search-card h3{margin-bottom:1.2rem;font-size:1.1rem}.barcode-input-wrapper,.search-input-wrapper{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0d;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.barcode-input-wrapper input,.search-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.search-results{flex-direction:column;gap:.5rem;max-height:300px;margin-top:1rem;display:flex;overflow-y:auto}.search-result-item{border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;justify-content:space-between;align-items:center;padding:1rem;transition:background .2s;display:flex}.search-result-item:hover{background:#ffffff14}.search-result-name{font-weight:600}.search-result-details{color:var(--text-secondary);font-size:.8rem}.search-result-price{color:var(--accent-blue);font-size:1.1rem;font-weight:700}.search-action-area{align-items:center;gap:.8rem;display:flex}.search-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.search-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.search-qty-input{-moz-appearance:textfield;border:2px solid var(--glass-border);color:#fff;text-align:center;background:#0006;border-radius:8px;outline:none;width:65px;padding:8px 4px;font-size:1.2rem;font-weight:800;transition:all .2s}.search-qty-input:focus{border-color:var(--accent-blue);background:#0009;box-shadow:0 0 10px #38bdf84d}.add-icon{background:var(--accent-blue);color:#fff;cursor:pointer;border-radius:8px;padding:8px;transition:transform .2s}.add-icon:active{transform:scale(.9)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-card{border-radius:var(--radius-lg);align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-card.blue .stat-icon{color:var(--accent-blue);background:#38bdf833}.stat-card.green .stat-icon{color:var(--accent-green);background:#10b98133}.stat-card.purple .stat-icon{color:var(--accent-purple);background:#a855f733}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-number{font-size:1.8rem;font-weight:800}.dashboard-grid,.customers-grid{grid-template-columns:1fr 320px;gap:1.5rem;min-height:0;display:grid}.dashboard-section{border-radius:var(--radius-lg);padding:1.5rem}.dashboard-table{border-collapse:collapse;text-align:right;width:100%}.dashboard-table th{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);padding:1rem;font-weight:500}.dashboard-table td{border-bottom:1px solid #ffffff08;padding:1.2rem 1rem}.status-tag{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-tag.חדש{color:var(--accent-blue);background:#38bdf833}.status-tag.בטיפול{color:#f59e0b;background:#f59e0b33}.status-tag.הושלם{color:var(--accent-green);background:#10b98133}.actions-cell{gap:.5rem;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--accent-blue)}.icon-btn.danger:hover{background:#ef4444}.add-customer-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title-area{align-items:center;gap:1rem;display:flex}.modal-actions{gap:.8rem;display:flex}.modal-body{padding:2rem;overflow-y:auto}.order-meta{border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:grid}.meta-item{flex-direction:column;gap:.4rem;display:flex}.meta-label{color:var(--text-secondary);font-size:.8rem}.meta-val{font-weight:600}.status-selector{background:#0003;border-radius:10px;gap:.5rem;padding:4px;display:flex}.status-selector button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:.85rem;transition:all .2s}.status-selector button.active{background:var(--accent-blue);color:#fff}.details-table{border-collapse:collapse;width:100%}.details-table th{text-align:right;border-bottom:2px solid var(--glass-border);padding:.8rem}.details-table td{border-bottom:1px solid var(--glass-border);padding:1rem .8rem}@media (width<=1200px){:root{--sidebar-width:220px}.pos-grid{grid-template-columns:1fr 340px;gap:1.5rem}.main-content{padding:1.5rem}}@media (width<=1024px){:root{--sidebar-width:80px}.sidebar{align-items:center;padding:1.5rem .5rem}.logo{text-align:center;margin-bottom:1.5rem;font-size:1rem}.logo span{display:block}.nav-item{border-radius:12px;justify-content:center;gap:0;width:48px;height:48px;padding:0}.nav-item span,.db-status span,.version-tag{display:none}.nav-footer{justify-content:center;display:flex}.main-content{gap:1rem;padding:1rem}.main-header{padding:1rem}.pos-grid{grid-template-columns:1.2fr 1fr;gap:1rem}.dashboard-grid,.customers-grid{flex-direction:column;gap:1.5rem;display:flex}.order-item{text-align:center;flex-direction:column;align-items:stretch;gap:.8rem;padding:1.2rem;display:flex;position:relative}.item-name-box{margin-bottom:.5rem;padding:0}.item-name{font-size:1.1rem;font-weight:800;line-height:1.3}.item-price-info{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.8rem 0;display:flex}.unit-price{width:auto;font-size:.85rem}.qty-control{gap:.8rem;padding:.3rem}.row-total{text-align:left;width:auto;font-size:1.1rem}.item-details{opacity:.6;flex-direction:row;justify-content:center;gap:.8rem;min-width:0;font-size:.8rem;display:flex}.remove-btn{color:#ef4444;background:#ef44441a;border-radius:50%;padding:5px;position:absolute;top:.5rem;left:.5rem}.scan-card,.search-card,.admin-card{padding:1rem}}@media (width<=768px){.pos-grid,.dashboard-grid,.customers-grid{flex-direction:column;gap:1.5rem;display:flex}.scan-section{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.scan-card,.search-card{margin-bottom:0}.main-header{padding:1.2rem}.header-info h1{font-size:1.5rem}.stats-grid,.scan-section{grid-template-columns:1fr}.admin-card{grid-column:span 1}.header-actions{display:none}.customer-inputs-grid{grid-template-columns:1fr}.order-item{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.item-details,.item-price-info{justify-content:center;align-items:center;width:100%}.item-price-info{flex-wrap:wrap}}@media print{body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.no-print,.sidebar,.main-header,.nav-items,.header-actions,.modal-header.no-print,.dashboard-view,.stats-grid,.dashboard-grid,.dashboard-section{display:none!important}.app-container{background:#fff!important;height:auto!important;display:block!important}.main-content,main{visibility:hidden!important;display:none!important}.modal-overlay{z-index:9999!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.modal-content{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:relative!important}.modal-body{padding:0!important}.print-area{display:block!important}.order-meta{color:#000!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:2rem!important}.details-table th{background:#f1f5f9!important;border-bottom:2px solid #cbd5e1!important}.details-table td{border-bottom:1px solid #e2e8f0!important}}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.animate-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) pop}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-in{animation:.4s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}