.toolbox-container{position:relative}.toolbox-fab{width:100%;background:0 0;border:none;border-left:3px solid transparent;color:var(--primary-light,#39ff88);cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 17px;font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;text-align:left;position:relative}.toolbox-fab:hover{background:var(--bg-hover,rgba(255,255,255,.04));border-left-color:rgba(57,255,136,.4)}.toolbox-container.is-open .toolbox-fab{background:rgba(239,68,68,.08);border-left-color:#ef4444;color:#fca5a5}.toolbox-fab-pulse{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--primary-light,#39ff88);animation:2.5s ease-out infinite toolboxPulse;pointer-events:none;flex-shrink:0}@keyframes toolboxPulse{0%{box-shadow:0 0 0 0 rgba(57,255,136,.7);opacity:1}100%{box-shadow:0 0 0 8px rgba(57,255,136,0);opacity:.4}}.toolbox-container.is-open .toolbox-fab-pulse{background:#ef4444;animation:none}.toolbox-fab-icon{font-size:1rem;transition:transform .3s;flex-shrink:0;width:20px;text-align:center}.toolbox-container.is-open .toolbox-fab-icon{transform:rotate(45deg)}.toolbox-fab-label{flex:1;font-size:.875rem}.sidebar.collapsed .toolbox-fab-label,.sidebar.collapsed .toolbox-fab-pulse{display:none}.sidebar.collapsed .toolbox-fab{padding:10px;justify-content:center;border-left:none}.toolbox-items{position:absolute;bottom:calc(100% + 4px);left:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .22s,transform .22s;min-width:220px;z-index:9999}.toolbox-container.is-open .toolbox-items{pointer-events:auto;opacity:1;transform:translateY(0)}.sidebar.collapsed .toolbox-items{bottom:auto;top:0;left:calc(100% + 6px);transform:translateX(-8px);min-width:200px}.sidebar.collapsed .toolbox-container.is-open .toolbox-items{transform:translateX(0)}.toolbox-item{display:flex;align-items:center;gap:10px;transform:translateY(6px);opacity:0;transition:transform .2s,opacity .2s}.toolbox-container.is-open .toolbox-item{transform:translateY(0);opacity:1}.toolbox-container.is-open .toolbox-item:first-child{transition-delay:40ms}.toolbox-container.is-open .toolbox-item:nth-child(2){transition-delay:90ms}.toolbox-container.is-open .toolbox-item:nth-child(3){transition-delay:0.14s}.toolbox-item-label{background:rgba(15,23,42,.95);color:#f1f5f9;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none;flex:1}.toolbox-item-btn{width:36px;height:36px;border-radius:10px;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;background:#1e293b;color:#f1f5f9;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:.2s;flex-shrink:0}.toolbox-item-btn:hover{transform:scale(1.1)}.toolbox-item-btn--green{background:#16a34a;color:#fff}.toolbox-item-btn--green:hover{background:#15803d}.toolbox-item-btn--violet{background:#7c3aed;color:#fff}.toolbox-item-btn--violet:hover{background:#6d28d9}.toolbox-item-btn--blue{background:#0369a1;color:#fff}.toolbox-item-btn--blue:hover{background:#075985}.consumo-overlay,.help-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;transition:.3s}.consumo-overlay.active,.help-overlay.active{opacity:1;visibility:visible}.help-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:520px;max-height:85vh;background:var(--bg-card,#1e293b);border-radius:20px;z-index:10000;opacity:0;visibility:hidden;transition:.3s cubic-bezier(.175, .885, .32, 1.275);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 24px 60px rgba(0,0,0,.35)}.help-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.help-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(139,92,246,.12) 0,rgba(59,130,246,.08) 100%)}.help-modal-title{display:flex;align-items:center;gap:10px}.help-modal-title .help-icon{width:40px;height:40px;border-radius:10px;background:rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.help-modal-title h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-light)}.help-modal-title small{display:block;font-size:.78rem;color:var(--text-muted);font-weight:400;margin-top:2px}.help-close-btn{background:rgba(148,163,184,.15);border:none;width:36px;height:36px;border-radius:50%;color:var(--text-muted);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.help-close-btn:hover{background:rgba(148,163,184,.3);color:var(--text-light)}.help-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.help-step{display:none;animation:.35s helpStepIn}.help-step.active{display:block}@keyframes helpStepIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.help-step-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(139,92,246,.15);color:#a78bfa;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.help-step-icon{font-size:3rem;display:block;margin-bottom:12px}.help-step h4{margin:0 0 10px;font-size:1.15rem;font-weight:700;color:var(--text-light)}.help-step p{margin:0;font-size:.92rem;line-height:1.65;color:var(--text-muted)}.help-step .help-tip{margin-top:14px;padding:12px 14px;background:rgba(57,255,136,.06);border-left:3px solid var(--primary,#39ff88);border-radius:0 8px 8px 0;font-size:.85rem;color:var(--text-light)}.help-step .help-tip strong{color:var(--primary,#39ff88)}.help-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-dark,#0f172a)}.help-dots{display:flex;gap:6px}.help-dot{width:8px;height:8px;border-radius:50%;background:rgba(148,163,184,.3);transition:.3s;cursor:pointer}.help-dot.active{background:#8b5cf6;width:24px;border-radius:4px}.help-nav-buttons{display:flex;gap:8px}.help-btn{padding:8px 18px;border-radius:8px;border:none;cursor:pointer;font-size:.88rem;font-weight:600;transition:.2s}.help-btn-prev{background:rgba(148,163,184,.15);color:var(--text-muted)}.help-btn-prev:hover{background:rgba(148,163,184,.25);color:var(--text-light)}.help-btn-next{background:#8b5cf6;color:#fff}.help-btn-next:hover{background:#7c3aed}.help-btn-done{background:var(--primary,#39ff88);color:#0f172a}.help-btn-done:hover{opacity:.9}.consumo-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);width:92%;max-width:560px;max-height:88vh;background:var(--bg-card,#1e293b);border-radius:20px;z-index:10000;opacity:0;visibility:hidden;transition:.3s cubic-bezier(.175, .885, .32, 1.275);display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 24px 60px rgba(0,0,0,.4);overflow:hidden}.consumo-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.consumo-tabs{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:rgba(255,255,255,.02)}.consumo-tab{flex:1;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:11px 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .15s,border-color .15s}.consumo-tab:hover{color:var(--text-light)}.consumo-tab.active{color:#fbbf24;border-bottom-color:#fbbf24}.consumo-pane{display:none;flex:1;min-height:0;flex-direction:column}.consumo-pane.active{display:flex}.consumo-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(22,163,74,.12) 0,rgba(217,119,6,.07) 100%);flex-shrink:0}.consumo-header-title{display:flex;align-items:center;gap:10px}.consumo-header-icon{width:38px;height:38px;border-radius:10px;background:rgba(22,163,74,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.consumo-header-title h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-light)}.consumo-header-title small{display:block;font-size:.75rem;color:var(--text-muted);margin-top:1px}.consumo-close-btn{background:rgba(148,163,184,.15);border:none;width:34px;height:34px;border-radius:50%;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.consumo-close-btn:hover{background:rgba(148,163,184,.3);color:var(--text-light)}.consumo-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px;min-height:0}.consumo-search-wrap{position:relative}.consumo-search-input{width:100%;padding:10px 14px 10px 38px;background:var(--bg-dark,#0f172a);border:1px solid var(--border-color);border-radius:10px;color:var(--text-light);font-size:.9rem;outline:0;transition:border-color .2s,box-shadow .2s}.consumo-search-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}.consumo-search-input::placeholder{color:var(--text-muted)}.consumo-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1rem}.consumo-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card,#1e293b);border:1px solid var(--border-color);border-radius:10px;max-height:220px;overflow-y:auto;z-index:10001;box-shadow:0 8px 24px rgba(0,0,0,.3);display:none}.consumo-results.has-results{display:block}.consumo-result-item{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;cursor:pointer;transition:background .15s;gap:8px;border-bottom:1px solid rgba(255,255,255,.04)}.consumo-result-item:last-child{border-bottom:none}.consumo-result-item:hover{background:rgba(22,163,74,.1)}.consumo-result-name{font-size:.85rem;font-weight:600;color:var(--text-light);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.consumo-result-code{font-size:.72rem;color:var(--text-muted)}.consumo-result-cost{font-size:.8rem;font-weight:700;color:#4ade80;white-space:nowrap}.consumo-items-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.consumo-items-list{display:flex;flex-direction:column;gap:6px}.consumo-item-row{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 12px;transition:background .15s}.consumo-item-row:hover{background:rgba(255,255,255,.06)}.consumo-item-peso{flex-wrap:wrap}.consumo-peso-badge{display:inline-block;font-size:.65rem;font-weight:700;background:rgba(59,130,246,.15);color:#60a5fa;border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:middle}.consumo-peso-inputs{display:flex;align-items:center;gap:6px;margin-top:6px}.consumo-peso-input{width:58px;padding:5px 8px;background:var(--bg-dark,#0f172a);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text-light);font-size:.85rem;font-weight:600;text-align:center;outline:0;transition:border-color .2s;-moz-appearance:textfield}.consumo-peso-input::-webkit-inner-spin-button,.consumo-peso-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.consumo-peso-input:focus{border-color:#3b82f6}.consumo-peso-unit{font-size:.75rem;font-weight:700;color:var(--text-muted)}.consumo-item-name{flex:1;font-size:.83rem;font-weight:600;color:var(--text-light);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.consumo-item-cost{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.consumo-item-qty{display:flex;align-items:center;gap:6px}.consumo-qty-btn{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text-light);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.consumo-qty-btn:hover{background:rgba(255,255,255,.12)}.consumo-qty-btn.remove{color:#f87171;border-color:rgba(248,113,113,.3)}.consumo-qty-btn.remove:hover{background:rgba(248,113,113,.12)}.consumo-qty-val{font-size:.88rem;font-weight:700;color:var(--text-light);min-width:22px;text-align:center}.consumo-empty-items{text-align:center;padding:16px 0 8px;color:var(--text-muted);font-size:.83rem}.consumo-field-label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}.consumo-field-input,.consumo-field-textarea{width:100%;padding:9px 12px;background:var(--bg-dark,#0f172a);border:1px solid var(--border-color);border-radius:8px;color:var(--text-light);font-size:.88rem;font-family:inherit;outline:0;transition:border-color .2s}.consumo-field-input:focus,.consumo-field-textarea:focus{border-color:#16a34a}.consumo-field-input::placeholder,.consumo-field-textarea::placeholder{color:var(--text-muted)}.consumo-field-textarea{resize:vertical;min-height:52px}.consumo-total-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2);border-radius:10px;font-size:.88rem;font-weight:600;color:var(--text-muted)}.consumo-total-row strong{color:#4ade80;font-size:1rem}.consumo-footer{padding:14px 22px;border-top:1px solid var(--border-color);background:var(--bg-dark,#0f172a);flex-shrink:0}.consumo-submit-btn{width:100%;padding:11px;border-radius:10px;border:none;background:#16a34a;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s,opacity .2s}.consumo-submit-btn:hover{background:#15803d}.consumo-submit-btn:disabled{opacity:.5;cursor:not-allowed}.historial-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);width:92%;max-width:560px;max-height:88vh;background:var(--bg-card,#1e293b);border-radius:20px;z-index:10000;opacity:0;visibility:hidden;transition:.3s cubic-bezier(.175, .885, .32, 1.275);display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 24px 60px rgba(0,0,0,.4);overflow:hidden}.historial-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.historial-filters{display:flex;gap:8px;padding:12px 22px;border-bottom:1px solid var(--border-color);background:rgba(255,255,255,.02);flex-shrink:0}.historial-body{flex:1;overflow-y:auto;padding:14px 22px;display:flex;flex-direction:column;gap:10px;min-height:0}.historial-empty,.historial-loading{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.88rem}.historial-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.historial-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.hist-persona{flex:1;font-size:.88rem;font-weight:700;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-fecha{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.hist-total{font-size:.88rem;font-weight:700;color:#4ade80;white-space:nowrap}.hist-item-row{display:flex;align-items:center;gap:6px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.hist-item-row:last-of-type{border-bottom:none}.hist-item-name{flex:1;font-size:.8rem;color:var(--text-muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-item-qty{font-size:.75rem;color:var(--text-muted)}.hist-item-sub{font-size:.78rem;font-weight:600;color:var(--text-light);white-space:nowrap}.hist-notas{font-size:.75rem;color:var(--text-muted);margin-top:2px;font-style:italic}.historial-footer{border-top:1px solid var(--border-color);padding:12px 22px;background:var(--bg-dark,#0f172a);flex-shrink:0}.historial-footer-inner{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-muted)}.historial-footer-inner strong{color:#4ade80}@media (max-width:768px){.toolbox-container{bottom:14px;left:14px}.toolbox-fab{width:40px;height:40px;font-size:1.05rem}.toolbox-item-btn{width:34px;height:34px;font-size:1rem}.help-modal{width:95%;max-height:90vh}.help-modal-header{padding:16px 18px 12px}.help-modal-body{padding:16px 18px}.help-modal-footer{padding:12px 18px}.consumo-modal{width:96%;max-height:92vh}.consumo-header{padding:14px 16px 12px}.consumo-body{padding:14px 16px}.consumo-footer{padding:12px 16px}}