body{margin:0;background:#f4f6fb;font-family:system-ui,sans-serif}.app-root{width:100%;min-height:100vh}.topbar{background:#9da0a6;padding:10px 24px;display:flex;align-items:center;justify-content:space-between}.topbar-left{display:flex;align-items:center;gap:8px}.topbar-logo{font-size:18px}.topbar-appname{font-size:18px;font-weight:600}.topbar-tabs{display:flex;gap:8px}.tab{padding:6px 14px;border:none;cursor:pointer;background:#cfcfcf;border-radius:4px}.tab.active{background:#000;color:#fff}.page-container{padding:20px}.screen{max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px}.scan-status-row{display:grid;grid-template-columns:1.8fr 1.4fr;gap:20px;margin-bottom:24px}.scan-panel-wrapper{display:flex}.scan-panel{background:radial-gradient(circle at top,#16264a,#02040d);border-radius:18px;padding:40px 32px;color:#fff;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.scan-dot{width:14px;height:14px;border-radius:999px;background:#23d65d;margin-bottom:18px}.scan-title{font-size:36px;letter-spacing:3px;font-weight:600;margin-bottom:10px}.scan-subtitle{font-size:14px;opacity:.8;margin-bottom:24px;text-align:center;max-width:420px}.scan-buttons{display:flex;gap:16px}.home-right{display:flex}.celdas-status-row{display:flex;gap:10px;flex-wrap:wrap}.celda-status-card{border-radius:8px;padding:10px;width:120px;text-align:center;font-size:13px;background:#fff9c4}.celda-status-label{font-weight:600;margin-bottom:4px}.celda-status-text{font-size:12px}.celdas-status-summary{margin-top:15px;display:flex;gap:20px}.summary-box{padding:10px;border-radius:8px;width:130px;text-align:center;font-size:13px}.summary-number{display:block;font-size:20px;font-weight:600}.completadas{background:#edfff5}.proceso{background:#fff8df}.pendientes{background:#ffe8e8}.celda-status-completa{background:#ecfff3;border:2px solid #41b66b}.celda-status-sinqr{background:#f7f7f7;border:2px solid #bbbbbb}.celda-status-qrsindesgranar{background:#ffeaea;border:2px solid #ff5a5a}.btn{padding:8px 14px;border-radius:8px;cursor:pointer;border:none;font-size:14px}.btn.primary{background:#005aff;color:#fff}.btn.secondary{background:#f16800;color:#fff}.btn.outline{background:#fff;border:1px solid #444}.home-notifications h2,.home-lotes h2{margin-bottom:12px}.notification-card{background:#fff;padding:15px;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px}.notification-card.alta{border-left:6px solid #ff4b4b}.notification-card.info{border-left:6px solid #2274ff}.badges{display:flex;gap:6px;margin-bottom:6px}.badge{padding:4px 8px;border-radius:8px;background:#ff4b4b;color:#fff;font-size:12px}.badge.gray{background:#777}.badge.new{background:#d6007b}.date{font-size:12px;color:#555}.home-lotes .lotes-header{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:12px}.lote-card{background:#fff;padding:15px;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-card{background:#fff;padding:20px 24px;border-radius:12px;width:720px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 30px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-close{background:none;border:none;font-size:22px;cursor:pointer}.modal-body{font-size:14px}.acciones-subtitle{margin-bottom:16px}.acciones-lotes-list{display:flex;flex-direction:column;gap:12px}.acciones-lote-card{border-radius:12px;padding:14px 16px;background:#f4f8ff;border:1px solid #c5d6ff}.acciones-lote-card.resaltado{background:#fff6ec;border-color:#ffcf9c}.acciones-lote-header{display:flex;justify-content:space-between;align-items:center}.acciones-lote-titulo{font-size:16px;font-weight:600;color:#0053d6}.acciones-lote-titulo span{text-decoration:underline}.acciones-lote-desc{margin-top:4px}.acciones-lote-detalle{margin-top:4px;font-size:12px;color:#555}.acciones-lote-actions{display:flex;gap:8px}.acciones-lote-actions .btn.outline{min-width:150px;text-align:center}.acciones-modal-footer{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.balance-table{width:100%;background:#fff;border-collapse:collapse}.balance-table th,.balance-table td{padding:10px;border:1px solid #ddd;text-align:center}.balance-screen{padding-top:10px}.balance-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.balance-column{border-radius:16px;padding:20px;border:1px solid transparent;background:#fff}.balance-column-homog{background:#fff6ec;border-color:#ffcf9c}.balance-column-enviar{background:#ecfff5;border-color:#a8e9c2}.balance-column-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.balance-icon{font-size:18px}.balance-column-title{font-size:18px;font-weight:600}.balance-rows{display:flex;flex-direction:column;gap:8px}.balance-row{background:#fff;border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.balance-row-left{display:flex;align-items:center;gap:12px}.balance-row-id{font-weight:600;font-size:15px}.balance-row-pill{padding:4px 10px;border-radius:20px;border:1px solid #d0d0d0;font-size:12px}.balance-summary{display:flex;gap:24px;margin-top:8px}.balance-summary .summary-box{flex:1}.balance-filter{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:16px}.balance-filter-label{font-size:14px;font-weight:600;text-transform:uppercase}.balance-filter-select{min-width:180px;padding:6px 10px;border-radius:8px;border:1px solid #c3c3c3;font-size:14px}.balance-empty{padding:10px;font-size:13px;color:#777}.inv-qr-button[disabled]{opacity:.4;cursor:not-allowed}.inv-qr-icon{font-weight:600;font-size:12px}.inventario-screen{padding-top:10px}.inventario-main{display:flex;flex-direction:column;gap:24px}.inventario-header-title{font-size:16px;font-weight:600;margin-bottom:12px}.inventario-table-wrapper{width:100%;overflow-x:auto;margin-bottom:10px}.inventario-table{width:100%;border-collapse:collapse;font-size:14px}.inventario-table thead{background:#fafafa}.inventario-table th,.inventario-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e3e3e3}.inventario-table th{font-weight:600}.inv-condicion{display:inline-flex;align-items:center;gap:6px}.inv-cond-icon{width:18px;height:18px;border-radius:50%;background:#ff4b4b;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.inv-pill{padding:4px 10px;border-radius:999px;background:#f6f4ff;border:1px solid #d8d1ff;font-size:12px}.inv-proxima{font-size:13px;color:#555}.inv-status-pill{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.inv-status-pill.homogeneizar{background:#ffe8ff;color:#c83dd4}.inv-status-pill.entregar{background:#000;color:#fff}.inv-actions{display:flex;align-items:center;gap:8px}.inv-qr-button{width:32px;height:32px;border-radius:50%;border:1px solid #d0d0d0;background:#fff;font-size:14px;cursor:pointer}.inventario-note{font-size:12px;color:#555;margin-top:8px}.inventario-sidebar{display:flex;flex-direction:column;gap:16px}.inventario-estados-list{display:flex;flex-direction:column;gap:10px}.inventario-estado-row{display:flex;justify-content:space-between;align-items:center}.inventario-estado-text{display:flex;flex-direction:column}.inventario-estado-label{font-size:13px;font-weight:600}.inventario-estado-sub{font-size:12px;color:#777}.inventario-resumen{display:flex;flex-direction:column;gap:8px}.inventario-resumen-row{display:flex;justify-content:space-between;font-size:14px}.scanner-modal-card{width:520px}.scanner-mode-tabs{display:flex;gap:8px;margin-bottom:12px}.scanner-mode-tab{padding:6px 12px;border-radius:6px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;font-size:14px}.scanner-mode-tab.active{background:#005aff;color:#fff;border-color:#005aff}.scanner-container{margin-top:8px}.scanner-gun-panel{display:flex;flex-direction:column;gap:8px}.scanner-gun-input{padding:8px 10px;font-size:16px;border-radius:8px;border:1px solid #ccc}.scanner-gun-hint{font-size:12px;color:#666}.celdas-status-container{max-height:230px;overflow-y:auto;padding-right:4px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f6fb;padding:24px}.login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:32px 28px;box-shadow:0 10px 30px #00000014}.login-title{font-size:22px;font-weight:700;margin-bottom:8px}.login-subtitle{font-size:14px;color:#555;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-label{font-size:13px;display:flex;flex-direction:column;gap:4px}.login-input{border-radius:8px;border:1px solid #d0d0d0;padding:8px 10px;font-size:14px}.login-button{margin-top:8px;width:100%;border:none;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:600;background:#005aff;color:#fff;cursor:pointer}.acciones-celdas-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.acciones-celda-chip{padding:6px 10px;border-radius:999px;border:1px solid #d8d1ff;background:#f6f4ff;font-size:12px;font-weight:600;text-align:center}