:root{color:#1a1a2e;background:#f0f2f5;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.app{width:100%;margin:0 auto;padding:1rem 1.5rem}@media (width>=1400px){.app{padding:1rem 2.5rem}}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.header h1{color:#16213e;font-size:1.4rem}.user-badge{color:#666;font-size:.85rem}.header-actions{align-items:center;gap:.75rem;display:flex}.status{border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.status.online{color:#155724;background:#d4edda}.status.offline{color:#856404;background:#fff3cd}.nav{border-bottom:1px solid #ddd;flex-wrap:wrap;gap:.55rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex;position:relative}.nav-group{display:inline-block;position:relative}.nav-group-trigger{color:#2a2a2a;cursor:pointer;background:linear-gradient(#fff 0%,#ececec 100%);border:1px solid #d4d4d4;border-radius:10px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:inset 0 1px #fffc,0 2px #c4c4c4,0 3px 6px #00000014}.nav-group-trigger:hover{transform:translateY(-1px)}.nav-group.active .nav-group-trigger{color:#fff;background:linear-gradient(#4f46e5 0%,#3730a3 100%);border-color:#3730a3;box-shadow:0 0 0 2px #6366f173,0 4px 12px #4f46e559}.nav-group .caret{opacity:.7;font-size:.7rem}.nav-group-menu{z-index:50;background:#fff;border:1px solid #e5e5e5;border-radius:10px;flex-direction:column;gap:.2rem;min-width:200px;padding:.35rem;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #0000001f}.nav-group.open .nav-group-menu,.nav-group:hover .nav-group-menu{display:flex}.nav-group-menu a{color:#2a2a2a;box-shadow:none;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.45rem .75rem;font-size:.88rem;font-weight:500;text-decoration:none}.nav-group-menu a:hover{background:#f3f4f6}.nav-group-menu a.active{color:#fff;background:#4f46e5}.nav a{color:#2a2a2a;background:linear-gradient(#fff 0%,#ececec 100%);border-radius:10px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .2s,color .2s;box-shadow:inset 0 1px #fffc,0 2px #c4c4c4,0 3px 5px #00000014}.nav a:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 3px #c4c4c4,0 5px 8px #0000001f}.nav a.active{color:#fff;text-shadow:0 1px 1px #0000004d;background:linear-gradient(#2a3a6e 0%,#16213e 60%,#0d172e 100%);animation:2.4s ease-in-out infinite glow-pulse;box-shadow:inset 0 1px #ffffff26,inset 0 -2px #00000040,0 3px #050a1a,0 0 0 2px #488cff8c,0 0 18px #488cff8c}@keyframes glow-pulse{0%,to{box-shadow:inset 0 1px #ffffff26,inset 0 -2px #00000040,0 3px #050a1a,0 0 0 2px #488cff80,0 0 14px #488cff73}50%{box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000040,0 3px #050a1a,0 0 0 3px #6eaaffb3,0 0 24px #6eaaffbf}}.main h2{margin-bottom:1rem}.card{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.25rem;box-shadow:0 1px 4px #00000014}.login-page{background:linear-gradient(135deg,#16213e,#0f3460);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex}.login-card h1{text-align:center}.subtitle{text-align:center;color:#666;font-size:.9rem}.demo-info{color:#888;text-align:center;font-size:.8rem}label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input,select,textarea{border:1px solid #ccc;border-radius:8px;padding:.6rem .75rem;font-size:1rem}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .18s,filter .18s;position:relative}.btn-primary{color:#fff;text-shadow:0 1px 1px #0000002e;background:linear-gradient(#ff5874 0%,#e94560 55%,#c8324f 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000002e,0 4px #9b2440,0 6px 12px #c9324f52}.btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #0000002e,0 5px #9b2440,0 10px 18px #c9324f73}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fff3,inset 0 -1px #0003,0 2px #9b2440,0 3px 6px #c9324f40}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{color:#2a2a2a;background:linear-gradient(#fff 0%,#ececec 60%,#d6d6d6 100%);box-shadow:inset 0 1px #ffffffe6,inset 0 -2px #00000014,0 3px #b8b8b8,0 5px 10px #0000001f}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #fff,inset 0 -2px #00000014,0 4px #b8b8b8,0 8px 14px #00000026}.btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff80,0 2px #b8b8b8,0 3px 5px #0000001f}.btn-danger{color:#fff;text-shadow:0 1px 1px #0003;background:linear-gradient(#e85547 0%,#c0392b 55%,#962b1f 100%);box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0003,0 4px #7a1f15,0 6px 12px #962b1f61}.btn-danger:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #fff6,inset 0 -2px #0003,0 5px #7a1f15,0 10px 18px #962b1f80}.btn-danger:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fff3,0 2px #7a1f15,0 3px 6px #962b1f4d}.btn-icon{cursor:pointer;color:#333;background:linear-gradient(#fff 0%,#f1f1f1 100%);border:1px solid #ccc;border-radius:8px;padding:.32rem .7rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:transform .12s,box-shadow .18s;display:inline-block;box-shadow:inset 0 1px #fffc,0 2px #c4c4c4,0 3px 5px #00000014}.btn-icon:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 3px #c4c4c4,0 5px 8px #0000001f}.btn-icon:active{transform:translateY(1px);box-shadow:0 1px #c4c4c4,0 1px 3px #0000001a}.btn-icon.danger{color:#c0392b;border-color:#e8a8a0}.btn-icon.danger:hover{background:linear-gradient(#fff 0%,#fde9e6 100%)}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 8px 24px #0003}.modal h3{margin-bottom:.75rem}.modal-body{color:#555;margin-bottom:1.25rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.modal-actions button{padding:.55rem 1.2rem}.qty-control{background:#f8f9fa;border-radius:10px;align-items:center;gap:.4rem;padding:.2rem .4rem;display:inline-flex;box-shadow:inset 0 1px 2px #0000000f}.qty-control button{cursor:pointer;color:#333;background:linear-gradient(#fff 0%,#e8e8e8 100%);border:none;border-radius:7px;width:1.9rem;height:1.9rem;font-size:1.1rem;font-weight:700;transition:transform .1s;box-shadow:inset 0 1px #ffffffe6,0 2px #c4c4c4,0 3px 4px #00000014}.qty-control button:hover{filter:brightness(1.04)}.qty-control button:active{transform:translateY(2px);box-shadow:0 1px #c4c4c4,0 1px 2px #0000001a}.qty-control span{text-align:center;min-width:1.4rem;font-size:1rem;font-weight:700}.scanner-camera-select{border:1px solid #ccc;border-radius:6px;margin:.5rem auto;padding:.4rem;display:block}.offline-banner{text-align:center;color:#fff;padding:.6rem 1rem;font-size:.9rem}.offline-banner.offline{background:#c0392b}.offline-banner.syncing{background:#f39c12}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:#fff;border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;display:flex;box-shadow:0 1px 4px #00000014}.stat-card span{color:#666;font-size:.85rem}.stat-card strong{font-size:1.4rem}.stat-card.warning strong{color:#e67e22}.stat-card.success strong{color:#27ae60}.quick-actions{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.action-card{color:#fff;text-align:center;letter-spacing:.02em;text-shadow:0 1px 1px #0006;background:linear-gradient(#2a3a6e 0%,#16213e 60%,#0d172e 100%);border-radius:14px;padding:1.3rem 1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:inset 0 1px #ffffff2e,inset 0 -3px #00000047,0 5px #050a1a,0 8px 16px #0d172e66}.action-card:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff38,inset 0 -3px #00000047,0 6px #050a1a,0 14px 22px #0d172e80}.action-card:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0003,0 2px #050a1a,0 4px 8px #0d172e4d}.action-card.primary{background:linear-gradient(#ff5874 0%,#e94560 55%,#c8324f 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -3px #00000038,0 5px #7a1c35,0 8px 16px #c9324f66}.action-card.primary:hover{box-shadow:inset 0 1px #fff6,inset 0 -3px #00000038,0 6px #7a1c35,0 14px 24px #c9324f8c}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.search-input{width:100%;margin-bottom:1rem}.data-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 4px #00000014}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eee;padding:.65rem .85rem}.data-table th{background:#f8f9fa;font-size:.85rem}.row-warning{background:#fff8e6}.form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end;gap:.75rem;display:grid}.form-grid .full-width{grid-column:1/-1}.data-table tr.row-in{background:#22c55e12}.data-table tr.row-in:hover{background:#22c55e1f}.data-table tr.row-sale{background:#3b82f60f}.data-table tr.row-sale:hover{background:#3b82f61c}.toolbar .btn-primary{position:relative}.toolbar .btn-primary:after{content:"";z-index:-1;filter:blur(8px);opacity:.85;background:linear-gradient(45deg,#ffc8d2b3,#ffffff4d,#ffc8d2b3);border-radius:13px;animation:2.4s ease-in-out infinite glow-pulse-pink;position:absolute;inset:-3px}@keyframes glow-pulse-pink{0%,to{opacity:.55}50%{opacity:1}}.scanner{background:#000;border-radius:12px;margin-bottom:1rem;overflow:hidden}.scanner-frame{background:#000;width:100%;position:relative}.scanner-video{object-fit:cover;width:100%;max-height:360px;display:block}.scanner-overlay{pointer-events:none;position:absolute;inset:0}.scanner-box{border:2px solid #ffffffd9;border-radius:12px;width:75%;max-width:320px;height:38%;min-height:110px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000059,inset 0 0 20px #00000040}.scanner-laser{background:linear-gradient(90deg,#0000,#ef4444 30% 70%,#0000);border-radius:4px;width:70%;max-width:300px;height:2px;animation:1.6s ease-in-out infinite scanner-scan;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ef4444}@keyframes scanner-scan{0%,to{opacity:.6;transform:translate(-50%,calc(-50% - 50px))}50%{opacity:1;transform:translate(-50%,calc(50px - 50%))}}.scanner-toolbar{color:#fff;background:#111;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.scanner-status{color:#ccc;flex:1;font-size:.8rem}.scanner-toolbar select{flex:1;min-width:120px}.scanner .hint{color:#fff;text-align:center;background:#111;margin:0;padding:.5rem;font-size:.85rem}.scanner .error{color:#fff;text-align:center;background:#b91c1c;margin:0;padding:.5rem}.checkout-bar{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.radio-group{gap:1.5rem;margin:.75rem 0;display:flex}.info{color:#0c5460;background:#e8f4fd;border-radius:8px;margin-bottom:1rem;padding:.75rem}.error{color:#c0392b}.loading{text-align:center;padding:2rem}@media (width<=600px){.nav{flex-wrap:nowrap;overflow-x:auto}.app{padding:.5rem}}.thumb{object-fit:cover;background:#f4f4f4;border-radius:8px;width:44px;height:44px;display:block}.thumb-placeholder{color:#999;background:#f4f4f4;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.clickable-row{cursor:pointer;transition:background .1s}.clickable-row:hover{background:#f8f9fa}.clickable-row.row-warning:hover{background:#fff3d0}.stock-low{color:#c0392b;font-weight:700}.badge-critical{color:#fff;letter-spacing:.05em;background:#c0392b;border-radius:4px;margin-left:.4rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.muted{color:#777}.profit-pos{color:#16a34a;font-weight:600}.profit-neg{color:#dc2626;font-weight:600}.cell-input{text-align:right;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:92px;padding:.3rem .5rem;font-size:.9rem}.cell-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f12e}.cell-input-sm{width:64px}.sales-cart td{vertical-align:middle}.small{font-size:.82rem}.modal-wide{width:100%;max-width:1100px;max-height:90vh;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.product-detail{grid-template-columns:260px minmax(0,1fr);gap:1.5rem;display:grid}.product-detail-right>label,.product-detail-right .row-2>label,.product-detail-right .row-3>label{flex-direction:column;gap:.25rem;min-width:0;display:flex}.product-detail-right input,.product-detail-right textarea,.product-detail-right select{box-sizing:border-box;width:100%;min-width:0}@media (width<=720px){.product-detail{grid-template-columns:1fr}}.product-image-box{aspect-ratio:1;background:#f4f4f4;border:1px dashed #ccc;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.product-image-box img{object-fit:cover;width:100%;height:100%}.product-image-placeholder{color:#999}.image-actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.info-block{background:#f8f9fa;border-radius:8px;padding:.75rem;font-size:.9rem}.info-block div{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.info-block div:last-child{margin-bottom:0}.info-block span{color:#666}.product-detail-right{flex-direction:column;gap:.75rem;display:flex}.row-2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}@media (width<=600px){.row-2,.row-3{grid-template-columns:1fr}}.dashboard-row{gap:1rem;margin-top:1rem}@media (width<=900px){.dashboard-row{grid-template-columns:1fr}}.data-table.compact th,.data-table.compact td{padding:.4rem .55rem;font-size:.85rem}.bar-chart{border-bottom:1px solid #ddd;justify-content:space-around;align-items:flex-end;gap:.6rem;height:180px;margin:1rem 0 .5rem;padding:0 .5rem;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-stack{flex:1;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.bar{border-radius:4px 4px 0 0;width:14px;min-height:2px;transition:height .3s}.bar-revenue{background:linear-gradient(#60a5fa,#3b82f6)}.bar-profit{background:linear-gradient(#4ade80,#16a34a)}.bar-expense{background:linear-gradient(#fb923c,#ea580c)}.bar-label{color:#666;margin-top:.35rem;font-size:.72rem}.bar-legend{color:#555;justify-content:center;gap:1rem;margin-top:.25rem;font-size:.82rem;display:flex}.bar-legend .dot{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:.3rem;display:inline-block}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f3f4f6}.toolbar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.btn-secondary.remote-active{color:#fff;background:linear-gradient(#16a34a 0%,#15803d 100%);border-color:#15803d;box-shadow:0 0 0 2px #16a34a59,0 4px 12px #16a34a4d}.remote-scan-page{max-width:600px;margin:0 auto;padding:.75rem;font-family:system-ui,sans-serif}.remote-scan-header{color:#fff;background:#1f2937;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem;display:flex}.remote-scan-header .muted{color:#cbd5e1}.remote-scan-counter{color:#fff;text-align:center;background:#4f46e5;border-radius:999px;min-width:36px;padding:.35rem .8rem;font-weight:700}.remote-scan-status{text-align:center;border-radius:10px;margin-top:.75rem;padding:.8rem;font-size:.95rem;transition:background .2s}.remote-scan-idle{color:#555;background:#f3f4f6}.remote-scan-sending{color:#92400e;background:#fef3c7}.remote-scan-sent{color:#166534;background:#dcfce7}.remote-scan-error{color:#991b1b;background:#fee2e2}.movements-section{margin-top:1.5rem}.movements-section summary{cursor:pointer;padding:.5rem 0;font-weight:600}.small-table th,.small-table td{padding:.35rem .5rem;font-size:.85rem}.critical-alert-card{border-radius:14px;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 2px 10px #00000014}.critical-alert-card.critical{background:linear-gradient(135deg,#fde8e8,#fff5f5);border:2px solid #f5c2c2}.critical-alert-card.warning{background:linear-gradient(135deg,#fef5e7,#fffdf5);border:2px solid #f7d8a3}.critical-alert-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.critical-alert-head h3{margin-bottom:.25rem;font-size:1.2rem}.critical-alert-card.critical h3{color:#c0392b}.critical-alert-card.warning h3{color:#b97c10}.alert-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;display:grid}.alert-item{background:#fff;border-left:4px solid #f7d8a3;border-radius:8px;padding:.6rem .85rem}.alert-item.critical{border-left-color:#c0392b}.alert-item-name{margin-bottom:.2rem;font-size:.95rem;font-weight:600}.alert-item-meta{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.action-card.primary{background:#e94560}.action-card:hover{opacity:.92}