.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026,0 0 1px #0000001a;animation:toastSlideIn .3s ease-out;pointer-events:auto;min-width:300px}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;margin-bottom:2px;color:#1a1a1a}.toast-message{font-size:13px;color:#4a4a4a;line-height:1.4;word-wrap:break-word}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;color:#999;transition:color .2s;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:#333}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}[data-theme=dark] .toast{background:#2d2d2d;box-shadow:0 4px 12px #0006}[data-theme=dark] .toast-title{color:#f0f0f0}[data-theme=dark] .toast-message{color:#b0b0b0}[data-theme=dark] .toast-close{color:#777}[data-theme=dark] .toast-close:hover{color:#ddd}@media (max-width: 480px){.toast-container{left:10px;right:10px;top:10px;max-width:none}.toast{min-width:auto}}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:20px}.confirm-modal{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:100%;position:relative;animation:scaleIn .2s ease-out;box-shadow:0 20px 40px #0003}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.confirm-close:hover{background:#f0f0f0;color:#333}.confirm-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-icon-danger{background:#fef2f2;color:#ef4444}.confirm-icon-warning{background:#fffbeb;color:#f59e0b}.confirm-icon-info{background:#eff6ff;color:#3b82f6}.confirm-icon-question{background:#f3e8ff;color:#8b5cf6}.confirm-title{font-size:18px;font-weight:600;color:#1a1a1a;text-align:center;margin:0 0 8px}.confirm-message{font-size:14px;color:#666;text-align:center;margin:0 0 16px;line-height:1.5}.confirm-details{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:16px}.confirm-detail-item{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid #e9ecef}.confirm-detail-item:last-child{border-bottom:none}.confirm-detail-label{color:#666}.confirm-detail-value{color:#333;font-weight:500}.confirm-impact{display:flex;align-items:center;gap:8px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:10px 12px;margin-bottom:20px;font-size:13px;color:#92400e}.confirm-impact svg{flex-shrink:0}.confirm-actions{display:flex;gap:12px}.confirm-btn{flex:1;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.confirm-btn-cancel:hover:not(:disabled){background:#e5e7eb}.confirm-btn-danger{background:#ef4444;border:1px solid #ef4444;color:#fff}.confirm-btn-danger:hover:not(:disabled){background:#dc2626}.confirm-btn-warning{background:#f59e0b;border:1px solid #f59e0b;color:#fff}.confirm-btn-warning:hover:not(:disabled){background:#d97706}.confirm-btn-info{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.confirm-btn-info:hover:not(:disabled){background:#2563eb}.confirm-btn-question{background:#8b5cf6;border:1px solid #8b5cf6;color:#fff}.confirm-btn-question:hover:not(:disabled){background:#7c3aed}.confirm-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .confirm-modal{background:#2d2d2d}[data-theme=dark] .confirm-close:hover{background:#404040;color:#ddd}[data-theme=dark] .confirm-title{color:#f0f0f0}[data-theme=dark] .confirm-message{color:#aaa}[data-theme=dark] .confirm-details{background:#363636}[data-theme=dark] .confirm-detail-item{border-color:#444}[data-theme=dark] .confirm-detail-label{color:#aaa}[data-theme=dark] .confirm-detail-value{color:#ddd}[data-theme=dark] .confirm-btn-cancel{background:#404040;border-color:#555;color:#ddd}[data-theme=dark] .confirm-btn-cancel:hover:not(:disabled){background:#4a4a4a}@media (max-width: 480px){.confirm-modal{padding:20px}.confirm-actions{flex-direction:column-reverse}}.darkveil-canvas{width:100%;height:100%;display:block}:root{--loader-purple-dark: #332C94;--loader-purple: #3b82f6;--loader-purple-light: #8841D5;--loader-purple-deep: #4B22B5;--loader-cyan: #91DDFB;--loader-cyan-light: #97E6FF;--loader-cyan-mid: #89D3EB;--loader-cyan-muted: #80C0D4;--loader-teal: #489CB7;--loader-blue: #4354BF;--loader-blue-light: #4559C4}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a12;padding:20px;position:relative;overflow:hidden}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.background-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a1240;pointer-events:none}.login-card{background:#0f0f1eb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(59,130,246,.4);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #0009,0 0 80px #3b82f626,inset 0 1px #91ddfb1a;position:relative;z-index:1;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.logo-image{width:280px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 25px rgba(59,130,246,.4)) brightness(1.1);animation:logoFadeIn .8s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#4b22b5);border-radius:12px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 15px #3b82f600}}.logo-icon svg{width:28px;height:28px;color:#91ddfb}.logo h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#f8fafc,#91ddfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.subtitle{font-size:1rem;color:#a0aec0;margin-bottom:4px}.description{font-size:.875rem;color:#91ddfb;font-weight:500}.login-form{display:flex;flex-direction:column;gap:24px}.error-message{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:.9rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message svg{width:20px;height:20px;flex-shrink:0}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.9rem;font-weight:500;color:#a0aec0}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;width:20px;height:20px;color:#64748b;pointer-events:none;transition:color .3s ease}.input-wrapper input{width:100%;padding:16px 48px;background:#332c9433;border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#f8fafc;font-size:1rem;transition:all .3s ease}.input-wrapper input::placeholder{color:#64748b}.input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;background:#332c9459}.input-wrapper input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:#91ddfb}.toggle-password{position:absolute;right:16px;background:none;border:none;padding:4px;color:#64748b;cursor:pointer;transition:color .3s ease}.toggle-password:hover{color:#91ddfb}.toggle-password svg{width:20px;height:20px}.login-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#4b22b5);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(145,221,251,.3),transparent);transition:.5s}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #3b82f680}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button svg{width:20px;height:20px;transition:transform .3s ease;color:#91ddfb}.login-button:hover:not(:disabled) svg{transform:translate(4px)}.spinner{width:20px;height:20px;border:2px solid rgba(145,221,251,.3);border-top-color:#91ddfb;border-radius:50%;animation:spin .8s linear infinite}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(59,130,246,.3)}.login-footer p{font-size:.8rem;color:#64748b}@media (max-width: 480px){.login-card{padding:32px 24px}.logo-image{max-width:180px;max-height:80px}.logo h1{font-size:1.5rem}.input-wrapper input{padding:14px 44px}}.notifications-wrapper{position:relative}.notification-btn{position:relative;width:40px;height:40px;border-radius:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#a0aec0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notification-btn:hover,.notification-btn.active{background:#3b82f633;color:#91ddfb;border-color:#3b82f680}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444480;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-panel{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-height:480px;background:#0f0f1efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:16px;box-shadow:0 20px 50px #00000080;overflow:hidden;z-index:1000;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.2)}.notifications-header h3{margin:0;font-size:1rem;font-weight:600;color:#f8fafc}.mark-all-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-size:.75rem;cursor:pointer;transition:all .2s ease}.mark-all-btn:hover{background:#4ade8033}.notifications-list{max-height:360px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.notifications-empty,.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#64748b}.loading-spinner.small{width:24px;height:24px}.notification-item{display:flex;gap:12px;padding:14px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(59,130,246,.1);position:relative}.notification-item:hover{background:#3b82f61a}.notification-item.unread{background:#3b82f60d}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#3b82f6,#91ddfb)}.notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#3b82f626}.icon-error{color:#ef4444}.icon-warning{color:#fbbf24}.icon-success{color:#4ade80}.icon-info{color:#91ddfb}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:600;color:#f8fafc;margin-bottom:2px}.notification-message{font-size:.75rem;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.notification-time{font-size:.65rem;color:#64748b}.notification-delete{opacity:0;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{color:#ef4444;background:#ef44441a}.notifications-footer{padding:12px 20px;border-top:1px solid rgba(59,130,246,.2);text-align:center}.notifications-footer button{background:none;border:none;color:#91ddfb;font-size:.813rem;cursor:pointer;transition:color .2s ease}.notifications-footer button:hover{color:#3b82f6}@media (max-width: 480px){.notifications-panel{width:calc(100vw - 24px);right:-60px}}html:has(.dashboard-layout),html:has(.dashboard-layout) body{overflow:hidden;height:100vh}.dashboard-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#0a0a12,#0f0f1a,#12121f)}.dashboard-sidebar{width:260px;background:#0f0f1ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(59,130,246,.2)}.sidebar-logo{display:flex;align-items:center;justify-content:center;gap:12px}.sidebar-logo-img{width:220px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 15px rgba(59,130,246,.3)) brightness(1.1);transition:all .3s ease}.sidebar-logo-img:hover{filter:drop-shadow(0 6px 20px rgba(145,221,251,.4)) brightness(1.15);transform:scale(1.03)}.sidebar-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#4b22b5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#91ddfb}.sidebar-logo h1{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#f8fafc,#91ddfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:16px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:8px;padding:0 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:#a0aec0;cursor:pointer;transition:all .2s ease;margin-bottom:4px;border:1px solid transparent}.nav-item:hover{background:#3b82f626;color:#91ddfb}.nav-item.active{background:linear-gradient(135deg,#3b82f64d,#4b22b54d);color:#91ddfb;border:1px solid rgba(59,130,246,.4)}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item span{font-size:.9rem;font-weight:500}.dashboard-main{flex:1;margin-left:260px;display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#0f0f1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,130,246,.2);position:sticky;top:0;z-index:50}.header-title h2{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:4px}.header-title p{font-size:.875rem;color:#64748b}.header-actions{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;width:40px;height:40px;border-radius:10px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#91ddfb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.notification-btn:hover{background:#3b82f640}.notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ef4444;border-radius:50%;font-size:.7rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.user-menu{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);cursor:pointer;transition:all .2s ease}.user-menu:hover{background:#3b82f633}.user-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#4b22b5);display:flex;align-items:center;justify-content:center;color:#91ddfb;font-weight:600}.user-info{display:flex;flex-direction:column;text-align:left;gap:2px}.user-name{display:block;font-size:.875rem;font-weight:600;color:#f8fafc;line-height:1.3}.user-role{display:block;font-size:.75rem;color:#91ddfb;text-transform:capitalize;line-height:1.2}.logout-btn{width:40px;height:40px;border-radius:10px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef444440}.dashboard-content{padding:32px;flex:1;overflow-y:auto;overflow-x:hidden}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;animation:fadeInUp .5s ease-out forwards}.stat-card:hover{transform:translateY(-4px);border-color:#91ddfb66;box-shadow:0 10px 40px #3b82f633}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.purple{background:linear-gradient(135deg,#3b82f64d,#4b22b54d);color:#91ddfb;border:1px solid rgba(59,130,246,.4)}.stat-icon.cyan{background:linear-gradient(135deg,#91ddfb33,#489cb733);color:#91ddfb;border:1px solid rgba(145,221,251,.3)}.stat-icon.warning{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.stat-icon.danger{background:linear-gradient(135deg,#ef444433,#b91c1c33);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.stat-icon svg{width:24px;height:24px}.stat-info{flex:1}.stat-label{display:block;font-size:.875rem;color:#64748b;margin-bottom:8px}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:#f8fafc;line-height:1.2}.stat-change{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:.75rem}.stat-change.positive{color:#4ade80}.stat-change.negative{color:#f87171}.panels-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.panel{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:16px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(59,130,246,.2)}.panel-title{font-size:1rem;font-weight:600;color:#f8fafc;display:flex;align-items:center;gap:10px}.panel-title svg{width:20px;height:20px;color:#91ddfb}.panel-action{font-size:.8rem;color:#91ddfb;cursor:pointer;transition:color .2s;text-decoration:none;display:flex;align-items:center;gap:4px}.panel-action:hover{color:#97e6ff}.panel-content{padding:24px}.categories-chart{display:flex;align-items:center;gap:32px}.chart-container{width:180px;height:180px}.categories-legend{flex:1}.legend-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(59,130,246,.15)}.legend-item:last-child{border-bottom:none}.legend-color{width:12px;height:12px;border-radius:4px;flex-shrink:0}.legend-name{flex:1;font-size:.875rem;color:#a0aec0}.legend-value{font-size:.875rem;font-weight:600;color:#f8fafc}.movements-list{display:flex;flex-direction:column;gap:12px}.movement-item{display:flex;align-items:center;gap:12px;padding:12px;background:#332c941a;border-radius:10px;border:1px solid rgba(59,130,246,.15)}.movement-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.movement-icon.entrada{background:#4ade8026;color:#4ade80}.movement-icon.salida{background:#f8717126;color:#f87171}.movement-icon.ajuste{background:#91ddfb26;color:#91ddfb}.movement-icon svg{width:18px;height:18px}.movement-info{flex:1}.movement-product{display:block;font-size:.875rem;font-weight:500;color:#f8fafc;margin-bottom:4px}.movement-meta{display:block;font-size:.75rem;color:#64748b}.movement-qty{font-size:.875rem;font-weight:600}.movement-qty.positive{color:#4ade80}.movement-qty.negative{color:#f87171}.stock-table{width:100%;border-collapse:collapse}.stock-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid rgba(59,130,246,.2)}.stock-table td{padding:14px 16px;font-size:.875rem;color:#a0aec0;border-bottom:1px solid rgba(59,130,246,.1)}.stock-table tr:last-child td{border-bottom:none}.stock-table tr:hover td{background:#3b82f60d}.product-code{font-family:monospace;font-size:.8rem;color:#91ddfb}.stock-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.stock-badge.critical{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.stock-badge.low{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.empty-state{padding:40px;text-align:center;color:#64748b}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:.9rem}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#91ddfb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.panels-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-sidebar{display:none}.dashboard-main{margin-left:0}.stats-grid{grid-template-columns:1fr}.dashboard-header{padding:16px;flex-direction:column;gap:16px}.dashboard-content{padding:16px}.categories-chart{flex-direction:column}}.chart-panel{margin-bottom:32px}.chart-panel .panel-content{padding:24px}.panel.full-width{grid-column:1 / -1}.panels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.categories-chart-new{display:flex;align-items:center;gap:24px}.categories-legend-new{flex:1;display:flex;flex-direction:column;gap:8px}.legend-item-new{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#3b82f614;border-radius:8px;transition:all .2s ease}.legend-item-new:hover{background:#3b82f626;transform:translate(4px)}.legend-color-new{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-name-new{flex:1;font-size:.85rem;color:#a0aec0}.legend-value-new{font-size:.85rem;font-weight:600;color:#f8fafc}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-stat-item{display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(145deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.2);border-radius:12px;transition:all .3s ease}.quick-stat-item:hover{transform:translateY(-2px);border-color:#91ddfb4d;box-shadow:0 8px 24px #3b82f626}.quick-stat-value{font-size:2rem;font-weight:700;color:#f8fafc;line-height:1}.quick-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:8px}.panel{animation:fadeInUp .5s ease-out forwards;opacity:0}.panels-grid .panel:nth-child(1){animation-delay:.1s}.panels-grid .panel:nth-child(2){animation-delay:.2s}.panels-grid .panel:nth-child(3){animation-delay:.3s}.panels-grid .panel:nth-child(4){animation-delay:.4s}.chart-panel{animation:fadeInUp .5s ease-out .1s forwards;opacity:0}.panel.full-width{animation:fadeInUp .5s ease-out .3s forwards;opacity:0}.stats-grid .animated-stat-card:nth-child(1){animation:fadeInUp .5s ease-out .1s forwards;opacity:0}.stats-grid .animated-stat-card:nth-child(2){animation:fadeInUp .5s ease-out .2s forwards;opacity:0}.stats-grid .animated-stat-card:nth-child(3){animation:fadeInUp .5s ease-out .3s forwards;opacity:0}.stats-grid .animated-stat-card:nth-child(4){animation:fadeInUp .5s ease-out .4s forwards;opacity:0}@media (max-width: 1200px){.panels-grid{grid-template-columns:1fr}.categories-chart-new{flex-direction:column}}@media (max-width: 992px){.quick-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.quick-stats{grid-template-columns:1fr}.quick-stat-value{font-size:1.5rem}}.warehouses-summary{display:flex;flex-direction:column;gap:12px}.warehouse-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#3b82f614;border-radius:12px;border:1px solid rgba(59,130,246,.15);transition:all .3s ease}.warehouse-item:hover{background:#3b82f61f;border-color:#91ddfb4d;transform:translate(4px)}.warehouse-info{display:flex;flex-direction:column;gap:4px}.warehouse-name{font-weight:600;color:#f8fafc;display:flex;align-items:center;gap:8px}.badge-principal{font-size:.65rem;font-weight:500;padding:2px 8px;border-radius:20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;text-transform:uppercase;letter-spacing:.5px}.warehouse-stats{font-size:.85rem;color:#94a3b8}.warehouse-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#91ddfb1a);border-radius:10px;color:#91ddfb}.movement-item{display:flex;align-items:center;gap:12px;padding:12px;background:#3b82f60d;border-radius:10px;transition:all .2s ease}.movement-item:hover{background:#3b82f61a}.movement-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.movement-icon.entrada{background:#22c55e26;color:#22c55e}.movement-icon.salida{background:#ef444426;color:#ef4444}.movement-icon.transferencia{background:#3b82f626;color:#3b82f6}.movement-info{flex:1;display:flex;flex-direction:column;gap:2px}.movement-product{font-weight:500;color:#f8fafc;font-size:.9rem}.movement-meta{font-size:.75rem;color:#64748b}.movement-qty{font-weight:600;font-size:.95rem}.movement-qty.positive{color:#22c55e}.movement-qty.negative{color:#ef4444}.movements-list{display:flex;flex-direction:column;gap:8px}.animated-stat-card{position:relative;background:linear-gradient(145deg,#141423e6,#0f0f1cf2);border-radius:16px;padding:24px;border:1px solid rgba(87,40,204,.2);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animated-stat-card:hover{transform:translateY(-4px);border-color:#5728cc66;box-shadow:0 20px 40px #0000004d,0 0 60px #5728cc26}.stat-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(87,40,204,.1) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.animated-stat-card:hover .stat-card-glow{opacity:1}.animated-stat-card.cyan .stat-card-glow{background:radial-gradient(circle at center,rgba(145,221,251,.1) 0%,transparent 50%)}.animated-stat-card.warning .stat-card-glow{background:radial-gradient(circle at center,rgba(251,191,36,.1) 0%,transparent 50%)}.animated-stat-card.danger .stat-card-glow{background:radial-gradient(circle at center,rgba(239,68,68,.1) 0%,transparent 50%)}.animated-stat-card.success .stat-card-glow{background:radial-gradient(circle at center,rgba(34,197,94,.1) 0%,transparent 50%)}.stat-card-content{position:relative;display:flex;align-items:flex-start;gap:16px;z-index:1}.stat-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.stat-card-icon.purple{background:linear-gradient(135deg,#5728cc40,#8841d526);color:#a78bfa;box-shadow:0 4px 20px #5728cc33}.stat-card-icon.cyan{background:linear-gradient(135deg,#91ddfb33,#38bdf81a);color:#67e8f9;box-shadow:0 4px 20px #91ddfb33}.stat-card-icon.warning{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);color:#fbbf24;box-shadow:0 4px 20px #fbbf2433}.stat-card-icon.danger{background:linear-gradient(135deg,#ef444433,#dc26261a);color:#f87171;box-shadow:0 4px 20px #ef444433}.stat-card-icon.success{background:linear-gradient(135deg,#22c55e33,#16a34a1a);color:#4ade80;box-shadow:0 4px 20px #22c55e33}.animated-stat-card:hover .stat-card-icon{transform:scale(1.1) rotate(-5deg)}.stat-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.stat-card-label{font-size:.85rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:2rem;font-weight:700;color:#f8fafc;line-height:1.2;font-variant-numeric:tabular-nums}.stat-card-trend{display:flex;align-items:center;gap:6px;font-size:.8rem;margin-top:4px}.stat-card-trend.positive{color:#4ade80}.stat-card-trend.negative{color:#f87171}.stat-card-trend.neutral{color:#64748b}.stat-card-trend svg{flex-shrink:0}.stat-card-sparkline{position:absolute;bottom:0;left:0;right:0;height:40px;opacity:.3;pointer-events:none}@media (max-width: 768px){.animated-stat-card{padding:20px}.stat-card-icon{width:48px;height:48px}.stat-card-value{font-size:1.5rem}}.chart-wrapper{width:100%;position:relative}.doughnut-chart-container{display:flex;align-items:center;justify-content:center;width:100%}.doughnut-chart-wrapper{position:relative;width:100%;max-width:280px;height:100%}.doughnut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.doughnut-center-value{font-size:2rem;font-weight:700;color:#f8fafc;line-height:1}.doughnut-center-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}.chart-legend-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#5728cc1a;border-radius:20px;border:1px solid rgba(87,40,204,.2);transition:all .2s ease}.chart-legend-item:hover{background:#5728cc33;transform:translateY(-2px)}.chart-legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chart-legend-label{font-size:.8rem;color:#94a3b8}.chart-legend-value{font-size:.8rem;font-weight:600;color:#f8fafc}@media (max-width: 768px){.doughnut-center-value{font-size:1.5rem}.chart-legend{gap:8px}.chart-legend-item{padding:4px 8px}}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:4px}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--wave{animation:skeleton-wave 1.6s linear infinite}.skeleton--none{animation:none}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{border-radius:4px;min-height:1rem}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:8px}.skeleton-text{display:flex;flex-direction:column}.skeleton-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.skeleton-card__image{width:100%}.skeleton-card__content{padding:1rem}.skeleton-card__content .skeleton:first-child{margin-bottom:.75rem}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table th,.skeleton-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.skeleton-table th{background:#f9fafb}.skeleton-table-row td{background:#fff}.skeleton-stat-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.skeleton-stat-card__header{display:flex;justify-content:space-between;align-items:center}.skeleton-form{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.skeleton-form__field{display:flex;flex-direction:column}.skeleton-form__actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.skeleton-list{display:flex;flex-direction:column;gap:1rem}.skeleton-list__item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#fff;border-radius:8px}.skeleton-list__content{flex:1}.skeleton-dashboard{display:flex;flex-direction:column;gap:2rem;padding:1rem}.skeleton-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.skeleton-dashboard__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skeleton-dashboard__chart,.skeleton-dashboard__recent{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.skeleton-dashboard__recent>.skeleton:first-child{margin-bottom:1rem}.skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.loading-state{width:100%}.loading-state__message{text-align:center;color:#6b7280;margin-bottom:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#5728cc1a 25%,#5728cc33,#5728cc1a 75%);background-size:200% 100%}.skeleton-card,.skeleton-stat-card,.skeleton-dashboard__chart,.skeleton-dashboard__recent,.skeleton-list__item{background:#0f0f1eb3;border:1px solid rgba(87,40,204,.2)}.skeleton-table th{background:#0f0f1ee6}.skeleton-table td{border-bottom-color:#5728cc33}.skeleton-table-row td{background:#0f0f1e80}.skeleton-form__actions{border-top-color:#5728cc33}}.skeleton{background:linear-gradient(90deg,#5728cc1a 25%,#5728cc33,#5728cc1a 75%);background-size:200% 100%}.skeleton-card,.skeleton-stat-card,.skeleton-dashboard__chart,.skeleton-dashboard__recent,.skeleton-list__item{background:#0f0f1eb3;border:1px solid rgba(87,40,204,.2)}.skeleton-table th{background:#0f0f1ee6;color:#94a3b8}.skeleton-table td{border-bottom-color:#5728cc33}.skeleton-table-row td{background:#0f0f1e80}.skeleton-form__actions{border-top-color:#5728cc33}@media (max-width: 768px){.skeleton-dashboard__stats{grid-template-columns:1fr 1fr}.skeleton-dashboard__charts,.skeleton-cards-grid{grid-template-columns:1fr}}@media (max-width: 480px){.skeleton-dashboard__stats,.skeleton-stats-grid{grid-template-columns:1fr}}.search-input{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease}.search-input:hover:not(.search-input--disabled){border-color:#9ca3af}.search-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input--small{height:32px}.search-input--small .search-input__icon{width:14px;height:14px;margin-left:8px}.search-input--small .search-input__field{font-size:.8125rem;padding:0 8px}.search-input--medium{height:40px}.search-input--medium .search-input__icon{width:18px;height:18px;margin-left:12px}.search-input--medium .search-input__field{font-size:.875rem;padding:0 12px}.search-input--large{height:48px}.search-input--large .search-input__icon{width:20px;height:20px;margin-left:14px}.search-input--large .search-input__field{font-size:1rem;padding:0 14px}.search-input__icon{flex-shrink:0;color:#9ca3af;display:flex;align-items:center;justify-content:center}.search-input__icon svg{width:100%;height:100%}.search-input__spinner{animation:search-spin 1s linear infinite}@keyframes search-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-input__field{flex:1;min-width:0;height:100%;border:none;background:transparent;color:#111827;outline:none}.search-input__field::placeholder{color:#9ca3af}.search-input__clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:6px;padding:0;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .15s ease}.search-input__clear:hover{background:#f3f4f6;color:#6b7280}.search-input__clear svg{width:14px;height:14px}.search-input__typing{position:absolute;bottom:-2px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);animation:typing-indicator 1s ease-in-out infinite;border-radius:1px}@keyframes typing-indicator{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}.search-input--loading .search-input__icon{color:#3b82f6}.search-input--disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.search-input--disabled .search-input__field{cursor:not-allowed}.search-input--has-value{border-color:#9ca3af}@media (prefers-color-scheme: dark){.search-input{background:#1f2937;border-color:#374151}.search-input:hover:not(.search-input--disabled){border-color:#4b5563}.search-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.search-input__field{color:#f9fafb}.search-input__field::placeholder{color:#6b7280}.search-input__clear:hover{background:#374151;color:#9ca3af}.search-input--disabled{background:#111827}}@media (max-width: 640px){.search-input--medium{height:36px}.search-input--medium .search-input__icon{width:16px;height:16px;margin-left:10px}.search-input--medium .search-input__field{font-size:.8125rem;padding:0 10px}}.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.products-search{width:280px;background:#0f0f1eb3!important;border:1px solid rgba(59,130,246,.3)!important;border-radius:10px!important}.products-search:focus-within{border-color:#3b82f699!important;box-shadow:0 0 0 3px #3b82f61a!important}.products-search .search-input__field{color:#f8fafc!important}.products-search .search-input__field::placeholder{color:#64748b!important}.products-search .search-input__icon{color:#64748b!important}.products-search .search-input__clear:hover{background:#64748b33!important}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#4b22b5);border:1px solid rgba(145,221,251,.3);border-radius:10px;color:#f8fafc;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#6632e0,#3b82f6);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#a0aec0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#3b82f640;color:#f8fafc}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;margin-bottom:20px}.products-table-container{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:16px;overflow:hidden}.products-table{width:100%;border-collapse:collapse}.products-table th{text-align:left;padding:16px 20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#0f0f1e80;border-bottom:1px solid rgba(59,130,246,.2)}.products-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.products-table th.sortable:hover{color:#91ddfb}.products-table th.sortable svg{margin-left:6px;opacity:.5}.products-table td{padding:16px 20px;font-size:.875rem;color:#a0aec0;border-bottom:1px solid rgba(59,130,246,.1)}.products-table tr:hover td{background:#3b82f60d}.products-table tr:last-child td{border-bottom:none}.product-code{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#91ddfb;background:#91ddfb1a;padding:4px 8px;border-radius:6px}.product-brand{font-size:.75rem;color:#64748b}.category-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;background:#3b82f61a;border:1px solid;color:#a0aec0}.stock-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.stock-badge.normal{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.stock-badge.bajo{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.stock-badge.agotado{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.stock-cell{display:flex;align-items:center;gap:8px}.stock-warning{font-size:.875rem;animation:pulse 2s infinite}.price-venta{font-weight:600;color:#4ade80}.price-compra{font-size:.75rem;color:#64748b}.margin-badge{display:inline-block;font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:600;margin-top:2px;width:fit-content}.margin-badge.low{background:#f59e0b26;color:#fbbf24}.actions-cell{display:flex;gap:8px}.action-btn.view{background:#91ddfb1a;border-color:#91ddfb4d;color:#91ddfb}.action-btn.view:hover{background:#91ddfb33}.action-btn.stock{background:#4ade801a;border-color:#4ade804d;color:#4ade80}.action-btn.stock:hover{background:#4ade8033}.action-btn.delete:hover{background:#ef444433}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid rgba(59,130,246,.2)}.pagination-info{font-size:.875rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{width:36px;height:36px;border-radius:8px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#91ddfb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#3b82f640}.pagination-current{font-size:.875rem;color:#a0aec0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#0f0f1ef2;border:1px solid rgba(59,130,246,.4);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{font-size:1.125rem;font-weight:600;color:#f8fafc}.modal-close{width:36px;height:36px;border-radius:8px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#a0aec0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.stock-adjustment-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:16px;margin-bottom:20px}.stock-adjustment-info p{font-size:.875rem;color:#a0aec0;margin-bottom:4px}.stock-adjustment-info strong{color:#f8fafc}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#a0aec0;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#91ddfb;box-shadow:0 0 0 3px #91ddfb1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#475569}.form-group textarea{min-height:80px;resize:vertical}.form-group select option{background:#0f0f1a;color:#f8fafc}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(59,130,246,.2);flex-wrap:wrap}.modal.modal-lg{max-width:900px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:1rem;margin-bottom:20px}.loading-state{display:flex;align-items:center;justify-content:center;padding:80px}.price-cell{display:flex;flex-direction:column;gap:2px}.price-venta{font-weight:600;font-family:JetBrains Mono,monospace;color:#4ade80}.price-compra{font-size:.7rem;color:#64748b}.margin-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;font-family:JetBrains Mono,monospace}.margin-badge.good{background:#4ade8026;color:#4ade80}.margin-badge.low{background:#fbbf2426;color:#fbbf24}.conversion-hint{display:block;margin-top:4px;font-size:.7rem;color:#91ddfb;background:#91ddfb1a;padding:4px 8px;border-radius:4px}.stock-almacenes-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(59,130,246,.3)}.stock-almacenes-section h4{margin:0 0 16px;font-size:.875rem;color:#91ddfb;text-transform:uppercase;letter-spacing:.5px}.loading-stock{padding:20px;text-align:center;color:#64748b;font-size:.875rem}.stock-almacenes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stock-almacen-card{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:14px}.stock-almacen-card.sin-stock{opacity:.5;border-color:#ef44444d}.almacen-nombre{font-weight:600;color:#f8fafc;margin-bottom:8px;font-size:.875rem}.almacen-cantidad{font-size:1.25rem;font-weight:700;color:#4ade80;font-family:JetBrains Mono,monospace}.almacen-codigo{font-size:.7rem;color:#91ddfb;font-family:JetBrains Mono,monospace;margin-top:6px}.almacen-ubicacion{font-size:.7rem;color:#64748b;margin-top:4px}.no-stock-almacenes{padding:20px;text-align:center;color:#64748b;font-size:.875rem;background:#3b82f60d;border-radius:10px}@media (max-width: 1024px){.form-grid,.form-grid-3{grid-template-columns:1fr}.products-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.search-box,.filter-select{width:100%}.stock-almacenes-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.products-table th:nth-child(3),.products-table td:nth-child(3),.products-table th:nth-child(5),.products-table td:nth-child(5){display:none}.pagination{flex-direction:column;gap:12px}.stock-almacenes-grid{grid-template-columns:1fr}}.color-input-group{display:flex;align-items:center;gap:10px}.color-picker{width:40px;height:40px;padding:2px;border:2px solid rgba(59,130,246,.3);border-radius:8px;background:#0f0f1eb3;cursor:pointer;flex-shrink:0}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-picker:hover{border-color:#3b82f699}.color-picker:disabled{opacity:.6;cursor:not-allowed}.color-text{flex:1}.product-color-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;background:#0f0f1e99;border:1px solid rgba(59,130,246,.2)}.product-color-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.categories-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.toolbar-info{display:flex;align-items:center;gap:16px}.categories-count{font-size:.875rem;color:#64748b}.categories-container{min-height:300px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-card{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-top:3px solid;border-radius:12px;padding:20px;transition:all .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#3b82f680}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.category-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.category-card:hover .category-actions{opacity:1}.category-content{margin-bottom:16px}.category-name{font-size:1.125rem;font-weight:600;color:#f8fafc;margin-bottom:8px}.category-description{font-size:.875rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-footer{padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.category-stat{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#91ddfb}.category-stat svg{opacity:.7}.action-btn{width:32px;height:32px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn.edit{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.action-btn.edit:hover{background:#3b82f633}.action-btn.delete{background:#ef44441a;border-color:#ef44444d;color:#f87171}.action-btn.delete:hover:not(:disabled){background:#ef444433}.action-btn:disabled{opacity:.3;cursor:not-allowed}.action-btn.disabled-with-reason{opacity:.4;cursor:not-allowed;position:relative}.toolbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:10px;width:260px;position:relative}.search-clear{background:transparent;border:none;color:#64748b;cursor:pointer;padding:0;display:flex;align-items:center}.search-clear:hover{color:#f8fafc}.category-card.empty{opacity:.7;border-style:dashed}.category-card.empty:hover{opacity:1}.empty-badge{font-size:.65rem;padding:3px 8px;background:#f59e0b26;color:#fbbf24;border-radius:10px;font-weight:600}.currency-toggle{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.3);border-radius:20px;cursor:pointer;transition:all .3s ease}.currency-toggle:hover{border-color:#3b82f680;background:#3b82f61a}.currency-value{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:8px;transition:all .3s ease;white-space:nowrap}.currency-value.soles{color:#64748b;background:transparent}.currency-value.soles.active{color:#4ade80;background:#4ade8026}.currency-value.dollars{color:#64748b;background:transparent}.currency-value.dollars.active{color:#60a5fa;background:#60a5fa26}.category-stats{display:flex;gap:16px;flex-wrap:wrap}.category-stat.units{color:#60a5fa}.value-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 10px;background:#4ade8026;color:#4ade80;border-radius:10px;font-weight:600}.value-badge svg{flex-shrink:0}.category-modal{background:#0f0f1efa;border:1px solid rgba(59,130,246,.4);border-radius:12px;width:100%;max-width:420px;animation:modalSlideIn .3s ease}.category-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.2)}.category-modal-header h3{font-size:1rem;font-weight:600;color:#f8fafc;margin:0}.category-modal-form{padding:16px 20px}.cat-form-group{margin-bottom:12px}.cat-form-group label{display:block;font-size:.75rem;font-weight:500;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.cat-form-group input[type=text]{width:100%;padding:10px 12px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem;transition:border-color .2s}.cat-form-group input[type=text]:focus{outline:none;border-color:#3b82f6}.cat-form-group textarea{width:100%;padding:10px 12px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem;resize:vertical;min-height:50px}.cat-form-group textarea:focus{outline:none;border-color:#3b82f6}.cat-form-row{display:flex;gap:16px;margin-bottom:12px}.cat-form-row .cat-form-group{margin-bottom:0}.cat-form-row .cat-form-group:first-child{flex:1}.cat-form-row .cat-form-group:last-child{width:90px;flex-shrink:0}.cat-icon-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.cat-icon-option{width:24px;height:24px;border-radius:4px;border:1px solid rgba(59,130,246,.3);background:#0f0f1e80;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.cat-icon-option:hover{background:#3b82f633;color:#f8fafc}.cat-icon-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.cat-color-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cat-color-option{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0}.cat-color-option:hover{transform:scale(1.1)}.cat-color-option.selected{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d}.cat-color-input{width:24px;height:24px;border-radius:4px;border:1px dashed rgba(59,130,246,.5);cursor:pointer;padding:0;overflow:hidden;background:transparent}.cat-color-input::-webkit-color-swatch-wrapper{padding:2px}.cat-color-input::-webkit-color-swatch{border:none;border-radius:2px}.cat-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0f0f1e80;border:2px solid;border-radius:8px}.cat-preview-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-preview-name{font-size:.875rem;font-weight:500;color:#f8fafc}.cat-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr}.categories-toolbar{flex-direction:column;gap:16px;align-items:stretch}.category-actions{opacity:1}}.suppliers-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.suppliers-container{min-height:300px}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.supplier-card{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;transition:all .3s ease}.supplier-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#3b82f680}.supplier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.supplier-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f633,#91ddfb1a);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:#91ddfb}.supplier-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.supplier-card:hover .supplier-actions{opacity:1}.supplier-content{margin-bottom:16px}.supplier-type{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.supplier-type.nacional{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.supplier-type.internacional{background:#91ddfb26;color:#91ddfb;border:1px solid rgba(145,221,251,.3)}.supplier-name{font-size:1.125rem;font-weight:600;color:#f8fafc;margin-bottom:4px;line-height:1.3}.supplier-ruc{font-size:.875rem;color:#64748b;font-family:JetBrains Mono,monospace;margin-bottom:12px}.supplier-details{display:flex;flex-direction:column;gap:8px}.supplier-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.supplier-stat{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#91ddfb}.supplier-stat svg{opacity:.7}.payment-term{font-size:.75rem;color:#64748b;background:#3b82f61a;padding:4px 8px;border-radius:6px}.form-section-title{font-size:.875rem;font-weight:600;color:#91ddfb;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(145,221,251,.2)}@media (max-width: 768px){.suppliers-grid{grid-template-columns:1fr}.suppliers-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.supplier-actions{opacity:1}}.clients-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.clients-container{min-height:300px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.client-card{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;transition:all .3s ease}.client-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#3b82f680}.client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.client-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f633,#91ddfb1a);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:#91ddfb}.client-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.client-card:hover .client-actions{opacity:1}.client-content{margin-bottom:16px}.client-type{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.client-type.residencial{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.client-type.comercial{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.client-type.corporativo{background:#91ddfb26;color:#91ddfb;border:1px solid rgba(145,221,251,.3)}.client-name{font-size:1.125rem;font-weight:600;color:#f8fafc;margin-bottom:4px;line-height:1.3}.client-doc{font-size:.875rem;color:#64748b;font-family:JetBrains Mono,monospace;margin-bottom:12px}.client-details{display:flex;flex-direction:column;gap:8px}.client-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.client-stat{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#91ddfb}.client-stat svg{opacity:.7}@media (max-width: 768px){.clients-grid{grid-template-columns:1fr}.clients-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.client-actions{opacity:1}}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.projects-container{min-height:300px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.project-card{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;transition:all .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#3b82f680}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-code{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600;color:#91ddfb;background:#91ddfb1a;padding:4px 10px;border-radius:6px;border:1px solid rgba(145,221,251,.2)}.project-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.project-card:hover .project-actions{opacity:1}.project-content{margin-bottom:16px}.project-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.project-status.warning{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.project-status.info{background:#91ddfb26;color:#91ddfb;border:1px solid rgba(145,221,251,.3)}.project-status.success{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.project-status.danger{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.project-name{font-size:1.125rem;font-weight:600;color:#f8fafc;margin-bottom:12px;line-height:1.3}.project-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;align-items:center;gap:8px;font-size:.813rem;color:#a0aec0}.detail-item svg{color:#64748b;flex-shrink:0}.detail-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.service-type{font-size:.75rem;font-weight:600;color:#3b82f6;background:#3b82f61a;padding:4px 8px;border-radius:6px}.technician{font-size:.75rem;color:#64748b}.form-grid-3{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.projects-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.project-actions{opacity:1}.form-grid-3{grid-template-columns:1fr}}.orders-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.orders-container{min-height:300px}.orders-table-wrapper{overflow-x:auto;background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:14px 16px;text-align:left}.orders-table th{background:#3b82f61a;color:#91ddfb;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(59,130,246,.3)}.orders-table td{color:#f8fafc;border-bottom:1px solid rgba(59,130,246,.15);font-size:.875rem}.orders-table tr:hover td{background:#3b82f60d}.order-number{font-family:JetBrains Mono,monospace;font-weight:600;color:#91ddfb!important}.supplier-info{display:flex;flex-direction:column;gap:2px}.supplier-name{font-weight:500}.supplier-ruc{font-size:.75rem;color:#64748b;font-family:JetBrains Mono,monospace}.item-count{display:inline-flex;align-items:center;gap:6px;color:#a0aec0}.order-total{font-weight:600;font-family:JetBrains Mono,monospace}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.lg{font-size:.875rem;padding:8px 16px}.status-badge.warning{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.info{background:#91ddfb26;color:#91ddfb;border:1px solid rgba(145,221,251,.3)}.status-badge.success{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.status-badge.danger{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.table-actions{display:flex;gap:8px}.action-btn.send{background:#91ddfb1a;color:#91ddfb}.action-btn.send:hover{background:#91ddfb33}.action-btn.receive{background:#4ade801a;color:#4ade80}.action-btn.receive:hover{background:#4ade8033}.action-btn.view:hover{background:#3b82f633}.items-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(59,130,246,.2)}.items-section h4{color:#91ddfb;margin-bottom:16px;font-size:1rem}.add-item-row{display:grid;grid-template-columns:2fr 100px 120px 48px;gap:12px;margin-bottom:16px}.add-item-row select,.add-item-row input{padding:10px 12px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem}.btn-add-item{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.items-list{margin-top:16px}.items-table th,.items-table td{padding:10px 12px;text-align:left;font-size:.875rem}.items-table th{background:#3b82f626;color:#91ddfb;font-weight:600;font-size:.75rem;text-transform:uppercase}.items-table td{color:#f8fafc;border-bottom:1px solid rgba(59,130,246,.1)}.items-table tfoot td{border-bottom:none;text-align:right}.totals-label{text-align:right!important;color:#a0aec0}.total-row td{font-weight:600;font-size:1rem;color:#91ddfb!important}.btn-remove-item{background:#f871711a;border:none;border-radius:4px;color:#f87171;padding:4px 6px;cursor:pointer}.btn-remove-item:hover{background:#f8717133}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.2)}.detail-info p{margin:4px 0;font-size:.875rem;color:#a0aec0}.detail-info strong{color:#f8fafc}.order-notes{margin-top:16px;padding:12px;background:#3b82f60d;border-radius:8px;font-size:.875rem;color:#a0aec0}.modal.modal-lg{max-width:800px;width:95%}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500}.btn-success:hover{filter:brightness(1.1)}@media (max-width: 768px){.orders-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.add-item-row{grid-template-columns:1fr}.orders-table-wrapper{font-size:.875rem}.advanced-filters{flex-direction:column;align-items:stretch}.filter-quick-dates{margin-left:0;flex-wrap:wrap}}.modal.modal-lg{max-width:800px;width:95%;overflow:hidden}.modal-body{padding:20px 24px;overflow-x:hidden;overflow-y:auto}.modal-body form{display:flex;flex-direction:column;gap:16px}.items-section{margin-top:8px;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.items-section h4{color:#91ddfb;margin-bottom:12px;font-size:.95rem}.add-item-row{display:flex;gap:10px;margin-bottom:16px;align-items:stretch}.add-item-row select{flex:1;min-width:0;padding:10px 12px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem}.add-item-row input[type=number]{width:80px;flex-shrink:0;padding:10px 12px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem;text-align:center}.add-item-row select:focus,.add-item-row input:focus{outline:none;border-color:#3b82f6}.btn-add-item{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;width:44px;flex-shrink:0;padding:0}.btn-add-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.project-info{display:flex;flex-direction:column;gap:2px}.project-code{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#91ddfb}.project-name{font-size:.813rem;color:#a0aec0}.action-btn.approve{background:#4ade801a;color:#4ade80}.action-btn.approve:hover{background:#4ade8033}.action-btn.deliver{background:#91ddfb1a;color:#91ddfb}.action-btn.deliver:hover{background:#91ddfb33}.action-btn.return{background:#fbbf241a;color:#fbbf24}.action-btn.return:hover{background:#fbbf2433}.btn-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;font-weight:600}.btn-warning:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px)}.return-info{background:#1e1e3280;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.return-info p{margin:.25rem 0;color:#a0aec0}.return-help{display:flex;align-items:center;gap:.5rem;margin-top:1rem!important;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);color:#fbbf24!important;font-size:.875rem}.return-table{margin:1rem 0}.return-table .product-cell{display:flex;flex-direction:column;gap:2px}.return-table .product-code{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#91ddfb}.return-table .product-name{font-size:.813rem;color:#e2e8f0}.return-input{width:80px;padding:.5rem;background:#1e1e32cc;border:1px solid rgba(145,221,251,.3);border-radius:6px;color:#fff;text-align:center;font-size:.875rem}.return-input:focus{outline:none;border-color:#91ddfb;box-shadow:0 0 0 3px #91ddfb26}.return-input:disabled{opacity:.5;cursor:not-allowed}.text-info{color:#91ddfb!important;font-weight:600}.text-success{color:#4ade80!important;font-weight:600}.btn-filter{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#91ddfb;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-filter:hover,.btn-filter.active{background:#3b82f633;border-color:#3b82f680}.btn-filter svg.rotated{transform:rotate(180deg)}.btn-clear-filters{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.75rem;cursor:pointer}.btn-clear-filters:hover{background:#ef444433}.advanced-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:20px;background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px;margin-bottom:24px;animation:slideDown .2s ease-out}.advanced-filters .filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.advanced-filters .filter-group label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px}.advanced-filters .filter-group input,.advanced-filters .filter-group select{padding:10px 14px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem}.advanced-filters .filter-group input:focus,.advanced-filters .filter-group select:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626}.filter-quick-dates{display:flex;align-items:center;gap:8px;margin-left:auto}.filter-quick-dates span{font-size:.75rem;color:#64748b}.filter-quick-dates button{padding:6px 12px;background:#91ddfb1a;border:1px solid rgba(145,221,251,.3);border-radius:6px;color:#91ddfb;font-size:.75rem;cursor:pointer;transition:all .2s}.filter-quick-dates button:hover{background:#91ddfb33}@media (max-width: 768px){.advanced-filters{flex-direction:column;align-items:stretch}.filter-quick-dates{margin-left:0;flex-wrap:wrap}}.tipo-destinatario-tabs{display:flex;gap:8px;background:#0f0f1ecc;padding:4px;border-radius:10px;border:1px solid rgba(59,130,246,.2)}.tipo-destinatario-tabs .tab-btn{flex:1;padding:10px 20px;background:transparent;border:none;border-radius:8px;color:#a0aec0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tipo-destinatario-tabs .tab-btn:hover{color:#e2e8f0;background:#3b82f61a}.tipo-destinatario-tabs .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff;box-shadow:0 2px 8px #3b82f64d}.destinatario-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.destinatario-badge.proyecto{background:#91ddfb1a;color:#91ddfb}.destinatario-badge.operador{background:#fbbf241a;color:#fbbf24}@media (max-width: 600px){.modal.modal-lg{width:100%;max-width:100%;margin:10px;border-radius:12px}.add-item-row{flex-direction:column;gap:10px}.add-item-row select,.add-item-row input[type=number]{width:100%}.btn-add-item{width:100%;height:44px}.modal-actions{flex-direction:column}.modal-actions button{width:100%;justify-content:center}}.warehouses-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.warehouses-count{color:#a0aec0;font-size:.875rem}.warehouses-container{min-height:300px}.warehouses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.warehouse-card{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;transition:all .3s ease}.warehouse-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#3b82f680}.warehouse-card.principal{border-color:#fbbf2480;background:linear-gradient(135deg,#0f0f1ee6,#fbbf240d)}.warehouse-card.inactive{opacity:.6}.warehouse-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.warehouse-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f633,#91ddfb1a);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:#91ddfb}.principal-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.warehouse-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.warehouse-card:hover .warehouse-actions{opacity:1}.warehouse-content{margin-bottom:16px}.warehouse-name{font-size:1.25rem;font-weight:600;color:#f8fafc;margin-bottom:12px}.warehouse-details{display:flex;flex-direction:column;gap:8px}.warehouse-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.warehouse-stat{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#91ddfb}.warehouse-stock{font-size:.875rem;font-weight:600;color:#4ade80;font-family:JetBrains Mono,monospace}.toggle-group{display:flex;flex-direction:column;gap:8px}.toggle-group .toggle-wrapper{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-group .toggle-switch{position:relative;width:52px;height:28px;background:#64748b4d;border-radius:14px;border:1px solid rgba(100,116,139,.4);transition:all .3s ease;flex-shrink:0}.toggle-group .toggle-switch:before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000004d}.toggle-group input[type=checkbox]{display:none}.toggle-group input[type=checkbox]:checked+.toggle-wrapper .toggle-switch{background:linear-gradient(135deg,#3b82f6,#7c3aed);border-color:#3b82f680}.toggle-group input[type=checkbox]:checked+.toggle-wrapper .toggle-switch:before{transform:translate(24px);background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466}.toggle-group .toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-group .toggle-label span{color:#f8fafc;font-size:.9rem;font-weight:500}.toggle-group .toggle-label small{color:#64748b;font-size:.75rem}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.checkbox-group small{display:block;margin-top:6px;color:#64748b;font-size:.75rem}.warehouse-detail-info{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.2)}.warehouse-detail-info p{display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem;color:#a0aec0}.stock-table{width:100%;border-collapse:collapse;background:#0f0f1e80;border-radius:8px;overflow:hidden}.stock-table th,.stock-table td{padding:12px 16px;text-align:left;font-size:.875rem}.stock-table th{background:#3b82f626;color:#91ddfb;font-weight:600;font-size:.75rem;text-transform:uppercase}.stock-table td{color:#f8fafc;border-bottom:1px solid rgba(59,130,246,.1)}.product-code{font-family:JetBrains Mono,monospace;color:#91ddfb!important}.stock-qty{font-weight:600;color:#4ade80!important;font-family:JetBrains Mono,monospace}.empty-stock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:#64748b}.action-btn.workers{background:#3b82f61a;color:#3b82f6}.action-btn.workers:hover{background:#3b82f633}.add-trabajador-form{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin-bottom:24px}.add-trabajador-form h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;color:#3b82f6}.add-trabajador-row{display:flex;gap:12px;flex-wrap:wrap}.add-trabajador-row select{flex:1;min-width:180px;padding:10px 14px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc}.add-trabajador-row .btn-primary.btn-sm{padding:10px 16px;font-size:.875rem}.trabajadores-list{background:#0f0f1e80;border-radius:12px;padding:16px}.trabajadores-list h4{margin:0 0 16px;font-size:.875rem;color:#a0aec0;text-transform:uppercase;letter-spacing:.05em}.empty-trabajadores{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;color:#64748b}.trabajadores-table{width:100%;border-collapse:collapse}.trabajadores-table th,.trabajadores-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(59,130,246,.1)}.trabajadores-table th{background:#3b82f61a;color:#a0aec0;font-size:.75rem;text-transform:uppercase}.trabajadores-table td{color:#f8fafc}.trabajador-info{display:flex;flex-direction:column}.trabajador-info .nombre{font-weight:500;color:#f8fafc}.trabajador-info .email{font-size:.75rem;color:#64748b}.rol-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.rol-badge.admin{background:#ef444426;color:#f87171}.rol-badge.almacenero{background:#3b82f626;color:#60a5fa}.rol-badge.vendedor{background:#10b98126;color:#34d399}.rol-badge.supervisor{background:#fbbf2426;color:#fbbf24}.rol-select{padding:6px 10px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#f8fafc;font-size:.875rem}.fecha-asignacion{font-size:.75rem;color:#64748b}.btn-remove{padding:6px 10px;background:#ef44441a;border:none;border-radius:6px;color:#f87171;cursor:pointer;transition:all .2s}.btn-remove:hover{background:#ef444433}@media (max-width: 768px){.warehouses-grid{grid-template-columns:1fr}.warehouses-toolbar{flex-direction:column;align-items:stretch}.warehouse-actions{opacity:1}.add-trabajador-row{flex-direction:column}.add-trabajador-row select{width:100%}}.settings-container{display:flex;flex-direction:column;gap:24px}.settings-tabs{display:flex;gap:8px;background:#0f0f1eb3;padding:8px;border-radius:12px;border:1px solid rgba(59,130,246,.3)}.settings-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.settings-tab:hover{background:#3b82f61a;color:#f8fafc}.settings-tab.active{background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff}.settings-content{min-height:400px}.settings-section{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.2)}.section-header h3{font-size:1.25rem;font-weight:600;color:#f8fafc;margin:0}.users-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:14px 16px;text-align:left}.users-table th{background:#3b82f61a;color:#91ddfb;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(59,130,246,.3)}.users-table td{color:#f8fafc;border-bottom:1px solid rgba(59,130,246,.15);font-size:.875rem}.users-table tr:hover td{background:#3b82f60d}.users-table tr.inactive td{opacity:.5}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.rol-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-admin{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-supervisor{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-almacenero{background:#91ddfb26;color:#91ddfb;border:1px solid rgba(145,221,251,.3)}.badge-vendedor,.status-badge.active{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.status-badge.inactive{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.last-access{font-size:.75rem;color:#64748b}.action-btn.key{background:#fbbf241a;color:#fbbf24}.action-btn.key:hover{background:#fbbf2433}.action-btn.deactivate{background:#f871711a;color:#f87171}.action-btn.deactivate:hover{background:#f8717133}.action-btn.activate{background:#4ade801a;color:#4ade80}.action-btn.activate:hover{background:#4ade8033}.company-info{display:flex;flex-direction:column;gap:24px}.company-card{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#3b82f61a,#91ddfb0d);border:1px solid rgba(59,130,246,.3);border-radius:12px}.company-icon{color:#91ddfb}.company-details h2{margin:0 0 4px;font-size:1.5rem;color:#f8fafc}.company-details p{margin:0;color:#a0aec0;font-size:.875rem}.company-version{margin-top:8px!important;font-family:JetBrains Mono,monospace;font-size:.75rem!important;color:#64748b!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:#0f0f1e80;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.info-item label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1rem;color:#f8fafc}.security-options{display:flex;flex-direction:column;gap:16px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#0f0f1e80;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.security-info{display:flex;align-items:center;gap:16px;color:#91ddfb}.security-info h4{margin:0 0 4px;font-size:1rem;color:#f8fafc}.security-info p{margin:0;font-size:.813rem;color:#a0aec0}.status-active{padding:6px 12px;background:#4ade8026;color:#4ade80;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.reset-info{margin-bottom:20px;padding:12px;background:#3b82f61a;border-radius:8px;font-size:.875rem;color:#a0aec0}.reset-info strong{color:#f8fafc}.modal.modal-sm{max-width:400px}@media (max-width: 768px){.settings-tabs{flex-direction:column}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.users-toolbar{flex-direction:column}.company-card{flex-direction:column;text-align:center}}.users-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.users-container{min-height:300px}.users-table-wrapper{background:#0f0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:12px;overflow:hidden}.users-table{width:100%;border-collapse:collapse;table-layout:fixed}.users-table th:nth-child(1),.users-table td:nth-child(1){width:22%}.users-table th:nth-child(2),.users-table td:nth-child(2){width:22%}.users-table th:nth-child(3),.users-table td:nth-child(3){width:13%}.users-table th:nth-child(4),.users-table td:nth-child(4){width:13%}.users-table th:nth-child(5),.users-table td:nth-child(5){width:15%}.users-table th:nth-child(6),.users-table td:nth-child(6){width:15%}.users-table thead{background:#3b82f626}.users-table th{padding:14px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#91ddfb;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(59,130,246,.3);vertical-align:middle}.users-table td{padding:14px 16px;font-size:.875rem;color:#e2e8f0;border-bottom:1px solid rgba(59,130,246,.15);vertical-align:middle;height:72px}.users-table tbody tr{transition:background .2s ease;height:72px}.users-table tbody tr:hover{background:#3b82f61a}.users-table tbody tr.inactive{opacity:.6}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f666,#91ddfb4d);border:2px solid rgba(145,221,251,.3);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#f8fafc;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{display:flex;flex-direction:column;gap:2px}.user-name .name{font-weight:500;color:#f8fafc}.user-name .phone{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}.email-cell{display:flex;align-items:center;gap:8px;color:#a0aec0}.email-cell svg{color:#64748b;flex-shrink:0}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.active{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.status-badge.inactive{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.date-cell{color:#64748b;font-size:.813rem;white-space:nowrap}.date-cell .active-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#22c55e26;color:#22c55e;border-radius:20px;font-size:.75rem;font-weight:500}.date-cell .active-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.date-cell .inactive-text{color:#64748b}.action-btn.reset{background:#8a64d91f;color:#60a5fa}.action-btn.reset:hover:not(:disabled){background:#8a64d940}.modal.modal-small{max-width:400px}@media (max-width: 1024px){.users-table-wrapper{overflow-x:auto}.users-table{min-width:800px}}@media (max-width: 768px){.users-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}}.recepciones-container{padding:0}.recepciones-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.header-filters{display:flex;gap:16px;flex-wrap:wrap}.filter-group label{font-size:.75rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input[type=date]{padding:10px 14px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.9rem;min-width:160px}.filter-group select:focus,.filter-group input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.recepciones-table{background:#0f0f1e99;border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden}.recepciones-table table{width:100%;border-collapse:collapse}.recepciones-table th{padding:14px 16px;text-align:left;background:#3b82f626;color:#91ddfb;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(59,130,246,.3)}.recepciones-table td{padding:14px 16px;color:#e2e8f0;font-size:.9rem;border-bottom:1px solid rgba(59,130,246,.1)}.recepciones-table tr:hover{background:#3b82f61a}.cell-code{font-family:Monaco,monospace;font-weight:600;color:#91ddfb}.cell-center{text-align:center}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.badge-warning{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-info{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-success{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-danger{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#4b22b5);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3);border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#64748b4d;color:#e2e8f0}.btn-success{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef444466}.btn-icon{padding:8px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#91ddfb;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#3b82f666;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#0f0f1e,#1a1a2e);border:1px solid rgba(59,130,246,.3);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content form{background:transparent;border:none;margin:0;padding:0}.modal-content.modal-lg{max-width:900px}.modal-header h3{color:#f8fafc;font-size:1.25rem;margin:0}.btn-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;transition:color .2s}.btn-close:hover{color:#f8fafc}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(59,130,246,.2)}.detail-item label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.detail-item span{color:#e2e8f0;font-size:.95rem}.detail-section{margin-top:24px}.detail-section h4{color:#91ddfb;font-size:1rem;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(59,130,246,.2)}.detail-table{width:100%;border-collapse:collapse}.detail-table th{padding:10px 12px;text-align:left;background:#3b82f61a;color:#91ddfb;font-size:.75rem;font-weight:600;text-transform:uppercase}.detail-table td{padding:10px 12px;color:#e2e8f0;font-size:.85rem;border-bottom:1px solid rgba(59,130,246,.1)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:#a0aec0}.form-group select,.form-group input,.form-group textarea{padding:12px 16px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.9rem}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-section{margin-top:20px;margin-bottom:20px}.form-section h4{color:#91ddfb;font-size:1rem;margin-bottom:12px}.items-table{width:100%;border-collapse:collapse;background:#0f0f1e66;border-radius:8px;overflow:hidden}.items-table th{padding:10px 12px;text-align:left;background:#3b82f61a;color:#91ddfb;font-size:.75rem;font-weight:600}.items-table td{padding:10px 12px;color:#e2e8f0;font-size:.85rem;border-bottom:1px solid rgba(59,130,246,.1)}.input-small{width:80px;padding:8px 10px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#f8fafc;font-size:.85rem;text-align:center}.input-text{width:100%;padding:8px 10px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#f8fafc;font-size:.85rem}.input-small:focus,.input-text:focus{outline:none;border-color:#3b82f6}.input-small:disabled,.input-text:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;text-align:center}.empty-state svg{margin-bottom:16px;color:#3b82f680}.error-state{color:#f87171}.factura-info{display:flex;gap:24px;padding:16px;background:#3b82f61a;border-radius:8px}.factura-info span{display:flex;align-items:center;gap:8px;color:#e2e8f0}.tipo-recepcion-tabs{display:flex;gap:8px;background:#0f0f1ecc;padding:4px;border-radius:10px;border:1px solid rgba(59,130,246,.2)}.tipo-recepcion-tabs .tab-btn{flex:1;padding:10px 20px;background:transparent;border:none;border-radius:8px;color:#a0aec0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tipo-recepcion-tabs .tab-btn:hover{color:#e2e8f0;background:#3b82f61a}.tipo-recepcion-tabs .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff;box-shadow:0 2px 8px #3b82f64d}.add-item-row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.add-item-row select{flex:2;padding:10px 14px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.9rem}.add-item-row input{flex:.5;padding:10px 14px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.9rem;text-align:center}.btn-add-item{padding:10px 14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.btn-add-item:hover{transform:scale(1.05)}.btn-remove-item{padding:6px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;cursor:pointer;transition:all .2s}.facturas-container{padding:1.5rem;max-width:1400px;margin:0 auto}.facturas-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.facturas-header .header-left h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;color:#f8fafc;margin:0 0 .25rem}.facturas-header .header-left p{color:#a0aec0;margin:0}.header-actions{display:flex;gap:.75rem}.facturas-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.resumen-card{background:linear-gradient(135deg,#0f0f1ee6,#1a1a2ee6);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(59,130,246,.2);border-left:4px solid rgba(59,130,246,.3)}.resumen-card.pendientes{border-left-color:#f59e0b}.resumen-card.vencidas{border-left-color:#ef4444}.resumen-card.pagadas{border-left-color:#10b981}.resumen-card.pagado-hoy{border-left-color:#3b82f6}.resumen-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.resumen-card.pendientes .resumen-icon{background:#f59e0b26;color:#fbbf24}.resumen-card.vencidas .resumen-icon{background:#ef444426;color:#f87171}.resumen-card.pagadas .resumen-icon{background:#10b98126;color:#34d399}.resumen-card.pagado-hoy .resumen-icon{background:#3b82f626;color:#60a5fa}.resumen-info{display:flex;flex-direction:column;flex:1}.resumen-value{font-size:1.5rem;font-weight:700;color:#f8fafc}.resumen-label{font-size:.875rem;color:#a0aec0}.resumen-amount{font-size:.875rem;font-weight:600;color:#91ddfb}.facturas-filters{background:linear-gradient(135deg,#0f0f1ee6,#1a1a2ee6);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.facturas-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.facturas-filters .filter-group label{font-size:.75rem;font-weight:600;color:#a0aec0;text-transform:uppercase}.facturas-filters .filter-group select,.facturas-filters .filter-group input[type=date]{padding:.5rem .75rem;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:.875rem;background:#0f0f1ecc;color:#f8fafc}.facturas-filters .filter-group select:focus,.facturas-filters .filter-group input[type=date]:focus{outline:none;border-color:#3b82f6}.facturas-filters .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:400;text-transform:none;color:#f8fafc}.btn-clear{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#a0aec0;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-clear:hover{background:#3b82f64d;color:#f8fafc}.facturas-table-container{background:linear-gradient(135deg,#0f0f1ee6,#1a1a2ee6);border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden}.facturas-table{width:100%;border-collapse:collapse}.facturas-table th{background:#3b82f61a;padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#a0aec0;text-transform:uppercase;border-bottom:1px solid rgba(59,130,246,.2)}.facturas-table td{padding:1rem;border-bottom:1px solid rgba(59,130,246,.1);color:#e2e8f0;font-size:.875rem}.facturas-table tr:hover td{background:#3b82f60d}.facturas-table tbody tr.row-vencida{background:#ef44441a}.facturas-table tbody tr.row-vencida:hover td{background:#ef444426}.factura-numero{font-family:JetBrains Mono,monospace;font-weight:600;color:#91ddfb}.proveedor-info{display:flex;flex-direction:column}.proveedor-nombre{font-weight:500;color:#f8fafc}.proveedor-ruc{font-size:.75rem;color:#64748b}.monto-total{font-family:JetBrains Mono,monospace;font-weight:600;color:#10b981}.fecha-vencida{color:#f87171;font-weight:500}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-warning{background:#f59e0b26;color:#fbbf24}.badge-success{background:#10b98126;color:#34d399}.badge-danger{background:#ef444426;color:#f87171}.badge-dark{background:#64748b26;color:#94a3b8}.btn-icon{width:32px;height:32px;border:none;border-radius:8px;background:#3b82f626;color:#a0aec0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#3b82f64d;color:#f8fafc}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem}.pagination button{width:36px;height:36px;border:1px solid rgba(59,130,246,.3);border-radius:8px;background:#0f0f1ecc;color:#a0aec0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination button:hover:not(:disabled){background:#3b82f633;color:#f8fafc}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.875rem;color:#a0aec0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(135deg,#0f0f1e,#1a1a2e);border:1px solid rgba(59,130,246,.3);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.modal-large{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(59,130,246,.2)}.modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin:0;color:#f8fafc}.btn-close{width:32px;height:32px;border:none;border-radius:8px;background:#3b82f626;color:#a0aec0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#ef444433;color:#f87171}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(59,130,246,.2);background:#0f0f1e80}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-row.montos{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:#a0aec0}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:.9rem;background:#0f0f1ecc;color:#f8fafc;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#3b82f61a;color:#f8fafc;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#3b82f633}.btn-success{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.factura-detail{display:flex;flex-direction:column;gap:1.5rem}.detail-section{padding-bottom:1rem;border-bottom:1px solid rgba(59,130,246,.2)}.detail-section:last-of-type{border-bottom:none}.detail-section h3{font-size:.875rem;font-weight:600;color:#a0aec0;text-transform:uppercase;margin:0 0 .75rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:span 2}.detail-item span{font-weight:500;color:#f8fafc}.factura-numero-detail{font-size:1.25rem;font-family:JetBrains Mono,monospace;color:#91ddfb}.montos-detail{display:flex;flex-direction:column;gap:.5rem;background:#0f0f1e80;padding:1rem;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.monto-item{display:flex;justify-content:space-between;font-size:.9rem}.monto-item label{color:#a0aec0}.monto-item span{font-weight:500;color:#f8fafc;font-family:JetBrains Mono,monospace}.monto-item.total{border-top:2px solid rgba(59,130,246,.3);padding-top:.5rem;margin-top:.25rem}.monto-item.total label,.monto-item.total span{font-weight:700;font-size:1rem;color:#10b981}.notas-text{color:#a0aec0;line-height:1.5;margin:0}.detail-footer{font-size:.75rem;color:#64748b;text-align:right}@media (max-width: 768px){.facturas-header{flex-direction:column}.header-actions{width:100%;justify-content:flex-end}.form-row,.form-row.montos,.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}}.reports-container{display:flex;flex-direction:column;gap:24px}.alerts-panel{background:#0f0f1eb3;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:20px}.alerts-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.alerts-panel .panel-header h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#ef4444;margin:0}.alerts-panel .btn-icon{background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.alerts-panel .btn-icon:hover{background:#3b82f633;color:#60a5fa}.alerts-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.alert-item{display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:10px;text-align:center}.alert-item.critical{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.alert-item.warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.alert-item.info{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.alert-count{font-size:2rem;font-weight:700;color:#f8fafc}.alert-label{font-size:.75rem;color:#94a3b8;margin-top:4px}.alerts-list{border-top:1px solid rgba(59,130,246,.2);padding-top:12px}.alerts-list h4{font-size:.75rem;text-transform:uppercase;color:#64748b;margin:0 0 8px;letter-spacing:.05em}.alert-product{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(59,130,246,.1);cursor:pointer;transition:all .2s}.alert-product:hover{background:#3b82f61a;margin:0 -8px;padding:8px;border-radius:6px}.alert-product .product-code{font-family:monospace;font-size:.75rem;color:#60a5fa;background:#3b82f633;padding:2px 6px;border-radius:4px}.alert-product .product-name{flex:1;font-size:.875rem;color:#e2e8f0}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.report-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.report-card:hover{border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f626}.report-card.active{border-color:#3b82f6;background:#3b82f626}.report-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-radius:12px;color:#60a5fa}.report-card.active .report-icon{background:linear-gradient(135deg,#3b82f6,#8841d5);color:#fff}.report-info h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#f8fafc}.report-info p{margin:0;font-size:.75rem;color:#64748b}.reports-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:20px;background:#0f0f1e80;border:1px solid rgba(59,130,246,.2);border-radius:12px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.filter-group input,.filter-group select{padding:10px 14px;background:#0f0f1ecc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.875rem;min-width:150px}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6}.reports-filters .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#8841d5);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.reports-filters .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.export-actions{display:flex;gap:12px}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgba(59,130,246,.3);border-radius:8px;background:#0f0f1eb3;color:#e2e8f0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-export:hover{border-color:#3b82f680;background:#3b82f626}.btn-export.excel{border-color:#22c55e4d;color:#4ade80}.btn-export.excel:hover{border-color:#22c55e80;background:#22c55e26}.report-results{background:#0f0f1eb3;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px;min-height:400px}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;flex-direction:column;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px}.summary-card.warning{background:#f59e0b1a;border-color:#f59e0b33}.summary-card.danger{background:#ef44441a;border-color:#ef444433}.summary-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.summary-value{font-size:1.5rem;font-weight:700;color:#f8fafc}.report-table-container{overflow-x:auto;margin-top:16px}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(59,130,246,.15)}.report-table th{background:#0f0f1ee6;color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.report-table td{color:#e2e8f0;font-size:.875rem}.report-table tbody tr:hover{background:#3b82f61a}.report-table .product-code{font-family:monospace;font-size:.75rem;color:#60a5fa;background:#3b82f633;padding:3px 8px;border-radius:4px}.status-badge{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.ok{background:#22c55e26;color:#4ade80}.status-badge.bajo{background:#f59e0b26;color:#fbbf24}.status-badge.sin_stock{background:#ef444426;color:#f87171}.status-badge.exceso{background:#3b82f626;color:#60a5fa}.type-badge{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.7rem;font-weight:600}.type-badge.entrada{background:#22c55e26;color:#4ade80}.type-badge.salida{background:#ef444426;color:#f87171}.report-footer{display:flex;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid rgba(59,130,246,.15);color:#64748b;font-size:.75rem}.report-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.report-empty svg{margin-bottom:16px;opacity:.5}.report-empty p{text-align:center;max-width:300px}.alerts-loading{padding:16px 0}@media (max-width: 768px){.alerts-summary{grid-template-columns:repeat(3,1fr)}.reports-grid{grid-template-columns:1fr}.reports-filters{flex-direction:column;align-items:stretch}.filter-group input,.filter-group select{width:100%}.export-actions{flex-direction:column}.btn-export{justify-content:center}.report-summary{grid-template-columns:1fr 1fr}}.bajas-container{padding:0}.bajas-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-total .stat-icon{background:#3b82f633;color:#60a5fa}.stat-unidades .stat-icon{background:#3b82f633;color:#3b82f6}.bajas-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.bajas-table{width:100%;border-collapse:collapse}.bajas-table th{padding:14px 16px;text-align:left;background:#3b82f626;color:#60a5fa;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(59,130,246,.3)}.bajas-table td{padding:14px 16px;border-bottom:1px solid rgba(59,130,246,.1);color:#e2e8f0;font-size:.875rem}.bajas-table tbody tr:hover{background:#3b82f614}.product-cell{display:flex;flex-direction:column;gap:2px}.product-name{font-weight:500;color:#f8fafc}.product-code{font-size:.75rem;color:#64748b}.cantidad-cell{font-weight:600;color:#60a5fa}.valor-cell{font-weight:500;color:#f87171}.motivo-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid}.btn-approve{background:#22c55e33;color:#22c55e}.btn-approve:hover{background:#22c55e4d}.btn-reject{background:#ef444433;color:#ef4444}.btn-reject:hover{background:#ef44444d}.form-group textarea{resize:vertical;min-height:80px}.product-search-container{position:relative}.product-search-input{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:8px}.product-option{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;transition:background .2s ease}.product-option-name{color:#f8fafc;font-weight:500}.selected-product-info{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#60a5fa;font-size:.85rem}.selected-product-info .stock-info{margin-left:auto;color:#22c55e}.motivo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.motivo-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#0f0f1eb3;border:2px solid rgba(59,130,246,.2);border-radius:10px;cursor:pointer;transition:all .2s ease}.motivo-option:hover{border-color:#3b82f666;background:#3b82f61a}.motivo-option.selected{background:rgba(var(--motivo-color),.15)}.motivo-option input{display:none}.motivo-icon{font-size:1.5rem}.motivo-label{font-size:.8rem;color:#e2e8f0;text-align:center}.btn-success{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger{padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.baja-detail{padding:0}.detail-description{margin-bottom:20px}.detail-description label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.detail-description p{margin:0;padding:12px;background:#0f0f1e80;border-radius:8px;color:#e2e8f0;font-size:.9rem;line-height:1.5}@media (max-width: 768px){.bajas-stats{grid-template-columns:repeat(2,1fr)}.bajas-toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.search-box,.filter-select{width:100%}.form-row,.detail-grid{grid-template-columns:1fr}.motivo-grid{grid-template-columns:repeat(2,1fr)}}.transferencias-container{padding:0}.transferencias-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:10px;width:250px}.filter-select{padding:10px 16px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#f8fafc;font-size:.875rem;cursor:pointer;min-width:160px}.transferencias-table{width:100%;border-collapse:collapse}.transferencias-table th{padding:14px 16px;text-align:left;background:#3b82f626;color:#60a5fa;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(59,130,246,.3)}.transferencias-table td{padding:14px 16px;border-bottom:1px solid rgba(59,130,246,.1);color:#e2e8f0;font-size:.875rem}.transferencias-table tbody tr:hover{background:#3b82f614}.empty-message svg{margin-bottom:16px;opacity:.5}.empty-message p{margin:0;font-size:.9rem}.numero-cell{font-weight:600;color:#60a5fa}.almacen-cell{display:flex;align-items:center;gap:8px;color:#e2e8f0}.almacen-cell svg{color:#64748b}.items-cell{font-weight:600;color:#3b82f6}.estado-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.action-buttons{display:flex;gap:6px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-view{background:#3b82f633;color:#3b82f6}.btn-view:hover{background:#3b82f64d}.btn-send{background:#22c55e33;color:#22c55e}.btn-send:hover{background:#22c55e4d}.btn-receive{background:#3b82f633;color:#3b82f6}.btn-receive:hover{background:#3b82f64d}.btn-cancel{background:#ef444433;color:#ef4444}.btn-cancel:hover{background:#ef44444d}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border:1px solid rgba(59,130,246,.3);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-content.modal-large{max-width:800px}.modal-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;color:#f8fafc}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ef444433}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:#e2e8f0}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f61a}.items-section{margin-bottom:20px;padding:16px;background:#0f0f1e80;border:1px solid rgba(59,130,246,.2);border-radius:12px}.items-section h3{margin:0 0 16px;font-size:.95rem;color:#60a5fa}.add-item-row{display:flex;gap:10px;margin-bottom:16px}.product-search-container{flex:1;position:relative}.product-search-input{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:8px}.product-search-input svg{color:#64748b;flex-shrink:0}.product-search-input input{background:transparent;border:none;outline:none;color:#f8fafc;font-size:.9rem;width:100%;padding:0}.product-dropdown{position:absolute;top:100%;left:0;right:0;background:#1a1a2e;border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:100}.product-option{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;transition:background .2s ease}.product-option:hover{background:#3b82f626}.product-option-info{display:flex;flex-direction:column;gap:2px}.product-option-name{color:#f8fafc;font-weight:500;font-size:.9rem}.product-option-code{font-size:.75rem;color:#64748b}.product-option-stock{font-size:.8rem;color:#60a5fa}.cantidad-input{width:80px!important;text-align:center}.btn-add-item{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:8px;color:#22c55e;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-add-item:hover{background:#22c55e4d}.items-list{display:flex;flex-direction:column;gap:8px}.item-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px}.item-info{flex:1;display:flex;flex-direction:column;gap:2px}.item-name{color:#f8fafc;font-weight:500}.item-code{font-size:.75rem;color:#64748b}.item-cantidad{color:#60a5fa;font-weight:500}.btn-remove-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef444426;border:none;border-radius:6px;color:#f87171;cursor:pointer;transition:all .2s ease}.btn-remove-item:hover{background:#ef444440}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(59,130,246,.2)}.btn-secondary{padding:10px 20px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#64748b4d}.btn-success{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e4d}.transferencia-detail{padding:0}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.2)}.detail-number{font-size:1.5rem;font-weight:700;color:#60a5fa}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.detail-item span{color:#f8fafc;font-size:.95rem}.detail-notes{margin-bottom:20px}.detail-notes label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.detail-notes p{margin:0;padding:12px;background:#0f0f1e80;border-radius:8px;color:#e2e8f0;font-size:.9rem;line-height:1.5}.detail-products{margin-top:20px;padding:16px;background:#0003;border-radius:10px;border:1px solid rgba(59,130,246,.2)}.detail-products h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#60a5fa;font-size:.95rem}.detail-products-list{display:flex;flex-direction:column;gap:10px}.detail-product-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f0f1e99;border-radius:8px;border:1px solid rgba(59,130,246,.15)}.detail-product-info{display:flex;flex-direction:column;gap:4px}.detail-product-name{color:#f8fafc;font-weight:500}.detail-product-code{color:#64748b;font-size:.8rem}.detail-product-quantities{display:flex;gap:16px;align-items:center}.detail-product-enviada{color:#94a3b8;font-size:.85rem}.detail-product-enviada strong{color:#3b82f6}.detail-product-recibida{color:#94a3b8;font-size:.85rem}.detail-product-recibida strong{color:#22c55e}@media (max-width: 768px){.transferencias-toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.search-box,.filter-select{width:100%}.form-row,.detail-grid{grid-template-columns:1fr}.add-item-row{flex-wrap:wrap}.product-search-container{width:100%}.detail-product-item{flex-direction:column;align-items:flex-start;gap:10px}}.collapsible-section{margin-bottom:16px;border:1px solid rgba(59,130,246,.25);border-radius:10px;overflow:hidden}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#3b82f61a;border:none;cursor:pointer;color:#60a5fa;font-size:.95rem;font-weight:500;transition:all .2s ease}.section-toggle:hover{background:#3b82f626}.section-toggle.open{background:#3b82f633;border-bottom:1px solid rgba(59,130,246,.25)}.toggle-icon{font-size:1.2rem;font-weight:700;color:#60a5fa}.section-toggle>span:first-child{display:flex;align-items:center;gap:8px}.section-toggle>span:first-child svg{flex-shrink:0}.section-content{padding:16px;background:#0f0f1e66;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-content h4{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(59,130,246,.2);color:#e2e8f0;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.section-content h4:not(:first-child){margin-top:20px}.section-content .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.section-content .form-group{margin-bottom:12px}.section-content .form-group label{font-size:.8rem;margin-bottom:6px}.section-content .form-group input,.section-content .form-group select{padding:10px 12px;font-size:.85rem}.operadores-container{padding:0}.operadores-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:10px;width:280px}.search-box svg{color:#64748b;flex-shrink:0}.search-box input{background:transparent;border:none;outline:none;color:#f8fafc;font-size:.875rem;width:100%}.search-box input::placeholder{color:#64748b}.filter-select{padding:10px 16px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#f8fafc;font-size:.875rem;cursor:pointer;min-width:140px}.operadores-table{width:100%;border-collapse:collapse}.operadores-table th{padding:14px 16px;text-align:left;background:#3b82f626;color:#60a5fa;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(59,130,246,.3)}.operadores-table td{padding:14px 16px;border-bottom:1px solid rgba(59,130,246,.1);color:#e2e8f0;font-size:.875rem}.operadores-table tbody tr:hover{background:#3b82f614}.operadores-table tbody tr.inactive{opacity:.6}.codigo-cell{font-family:Fira Code,monospace;color:#60a5fa;font-weight:600}.operador-cell{display:flex;flex-direction:column;gap:2px}.operador-name{font-weight:600;color:#f8fafc}.operador-dni{font-size:.75rem;color:#64748b}.tipo-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid}.contacto-cell{display:flex;flex-direction:column;gap:4px}.contacto-cell span{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#94a3b8}.pendiente-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#f59e0b26;color:#f59e0b;border-radius:6px;font-size:.8rem;font-weight:600}.sin-pendientes{color:#22c55e;font-size:.85rem}.estado-badge.activo{background:#22c55e26;color:#22c55e}.estado-badge.inactivo{background:#ef444426;color:#ef4444}.action-buttons{display:flex;gap:8px}.btn-icon.btn-edit{background:#8b5cf626;color:#8b5cf6}.btn-icon.btn-edit:hover{background:#8b5cf64d}.empty-message p{margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:60px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.operadores-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.search-box{width:100%}}.liquidaciones-container{padding:0}.liquidaciones-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0f0f1e99;border:1px solid rgba(59,130,246,.2);border-radius:12px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#3b82f666}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-pendientes .stat-icon{background:#f59e0b33;color:#f59e0b}.stat-completadas .stat-icon{background:#22c55e33;color:#22c55e}.stat-devuelto .stat-icon{background:#3b82f633;color:#3b82f6}.stat-perdida .stat-icon{background:#ef444433;color:#ef4444}.stat-value{font-size:1.5rem;font-weight:700;color:#f8fafc}.stat-label{font-size:.8rem;color:#94a3b8}.liquidaciones-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-select{padding:10px 16px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#f8fafc;font-size:.875rem;cursor:pointer;min-width:180px}.filter-select option{background:#0f0f1a;color:#f8fafc}.date-filter{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:10px}.date-filter svg{color:#64748b;flex-shrink:0}.date-filter input[type=date]{background:transparent;border:none;outline:none;color:#f8fafc;font-size:.8rem;cursor:pointer;width:130px}.date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.date-filter span{color:#64748b}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.table-container{background:#0f0f1e99;border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden}.liquidaciones-table{width:100%;border-collapse:collapse}.liquidaciones-table th{padding:14px 16px;text-align:left;background:#3b82f626;color:#60a5fa;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(59,130,246,.3)}.liquidaciones-table td{padding:14px 16px;border-bottom:1px solid rgba(59,130,246,.1);color:#e2e8f0;font-size:.875rem}.liquidaciones-table tbody tr:hover{background:#3b82f614}.liquidaciones-table td.center{text-align:center}.liquidaciones-table td.devuelto{color:#22c55e;font-weight:600}.liquidaciones-table td.usado{color:#3b82f6;font-weight:600}.liquidaciones-table td.perdido{color:#ef4444;font-weight:600}.numero-cell{font-family:Fira Code,monospace;color:#60a5fa;font-weight:600}.date-cell{display:flex;align-items:center;gap:8px;color:#94a3b8}.operador-cell{display:flex;align-items:center;gap:8px}.valor-cell{font-family:Fira Code,monospace;color:#ef4444}.estado-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.btn-icon{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon.btn-view{background:#3b82f626;color:#3b82f6}.btn-icon.btn-view:hover{background:#3b82f64d}.empty-message{text-align:center;padding:60px 20px!important;color:#64748b}.empty-message svg{margin-bottom:12px;opacity:.5}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.pagination-btn{width:36px;height:36px;border:1px solid rgba(59,130,246,.3);background:#0f0f1e99;border-radius:8px;color:#60a5fa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#3b82f633}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#94a3b8;font-size:.875rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border:1px solid rgba(59,130,246,.3);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(59,130,246,.2)}.modal-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:1.25rem;color:#f8fafc}.modal-close{background:#ffffff0d;border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#f8fafc}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#94a3b8;font-size:.875rem;font-weight:500}.form-group select{width:100%;padding:10px 14px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f8fafc;font-size:.9rem;transition:all .2s ease}.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.loading-saldo{padding:20px;text-align:center;color:#94a3b8}.saldo-preview{margin-top:20px}.saldo-preview h4{margin:0 0 12px;color:#f8fafc;font-size:1rem}.saldo-table{width:100%;border-collapse:collapse;background:#0f0f1e80;border-radius:8px;overflow:hidden}.saldo-table th,.saldo-table td{padding:10px 12px;text-align:left;font-size:.85rem}.saldo-table th{background:#3b82f626;color:#60a5fa;font-weight:600}.saldo-table td{border-bottom:1px solid rgba(59,130,246,.1);color:#e2e8f0}.no-saldo{padding:20px;text-align:center;color:#f59e0b;background:#f59e0b1a;border-radius:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:.75rem;color:#64748b;text-transform:uppercase}.detail-item span{font-size:.9rem;color:#f8fafc}.items-section{margin-top:24px}.items-section h4{margin:0 0 12px;color:#f8fafc;font-size:1rem}.items-table{width:100%;border-collapse:collapse;background:#0f0f1e80;border-radius:8px;overflow:hidden}.items-table th,.items-table td{padding:10px 12px;text-align:left;font-size:.85rem}.items-table th{background:#3b82f626;color:#60a5fa;font-weight:600}.items-table td{border-bottom:1px solid rgba(59,130,246,.1);color:#e2e8f0}.items-table td.center{text-align:center}.input-small{width:60px;padding:6px 8px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#f8fafc;font-size:.85rem;text-align:center}.input-small:focus{outline:none;border-color:#3b82f6}.input-small.perdido{border-color:#ef444480}.input-small.perdido:focus{border-color:#ef4444}.input-small:disabled{opacity:.5;cursor:not-allowed}.input-text{width:100%;padding:6px 8px;background:#0f0f1eb3;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#f8fafc;font-size:.85rem}.input-text:focus{outline:none;border-color:#3b82f6}.input-text:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.btn-secondary{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1a;color:#f8fafc}.btn-success{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 20px #22c55e66}@media (max-width: 768px){.liquidaciones-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.filter-select{width:100%}.items-table{font-size:.8rem}.input-small{width:50px}}.cotizaciones-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.cotizaciones-toolbar .toolbar-left{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cotizaciones-toolbar .search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;min-width:280px}.cotizaciones-toolbar .search-box input{border:none;background:transparent;outline:none;color:var(--text-primary);flex:1}.cotizaciones-toolbar .filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.cotizaciones-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.cotizaciones-table-wrapper{overflow-x:auto}.cotizaciones-table{width:100%;border-collapse:collapse}.cotizaciones-table th,.cotizaciones-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.cotizaciones-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.cotizaciones-table tbody tr:hover{background:var(--bg-hover)}.cotizaciones-table .cell-code{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--primary)}.cotizaciones-table .cell-currency{font-family:JetBrains Mono,monospace;text-align:right;color:var(--text-primary)}.cotizaciones-table .cell-center{text-align:center}.tipo-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.tipo-badge.cliente{background:#3b82f626;color:#3b82f6}.tipo-badge.proveedor{background:#a855f726;color:#a855f7}.action-btn.edit{background:#f59e0b1a;color:#f59e0b}.action-btn.whatsapp{background:#25d36626;color:#25d366}.action-btn.delete{background:#ef44441a;color:#ef4444}.tipo-tabs{display:flex;gap:.5rem}.tipo-tabs .tab-btn{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.tipo-tabs .tab-btn.active{border-color:var(--primary);background:#3b82f61a;color:var(--primary)}.tipo-tabs .tab-btn:hover:not(.active){border-color:var(--text-muted)}.add-item-row{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.items-list{margin-top:1rem}.totales-section{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;max-width:300px;margin-left:auto}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.total-row:last-child{border-bottom:none}.total-row.total-final{font-weight:700;font-size:1.1rem;color:var(--primary);padding-top:.75rem;border-top:2px solid var(--border-color)}.btn-whatsapp{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#25d366;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-whatsapp:hover{background:#1da851;transform:translateY(-1px)}@media (max-width: 768px){.cotizaciones-toolbar{flex-direction:column;align-items:stretch}.cotizaciones-toolbar .toolbar-left{flex-direction:column}.cotizaciones-toolbar .search-box{min-width:100%}.add-item-row{flex-wrap:wrap}.add-item-row select{min-width:100%}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.stat-card.warning{border-left:4px solid #f59e0b}.stat-card.warning svg{color:#f59e0b}.stat-card.success{border-left:4px solid #22c55e}.stat-card.success svg{color:#22c55e}.stat-card.info{border-left:4px solid #3b82f6}.stat-card.info svg{color:#3b82f6}.stat-card.danger{border-left:4px solid #ef4444}.stat-card.danger svg{color:#ef4444}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}.requerimientos-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.requerimientos-toolbar .toolbar-left{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.requerimientos-toolbar .search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;min-width:280px}.requerimientos-toolbar .search-box input{border:none;background:transparent;outline:none;color:var(--text-primary);flex:1}.requerimientos-toolbar .filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.requerimientos-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.requerimientos-table-wrapper{overflow-x:auto}.requerimientos-table{width:100%;border-collapse:collapse}.requerimientos-table th,.requerimientos-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.requerimientos-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.requerimientos-table tbody tr:hover{background:var(--bg-hover)}.requerimientos-table tbody tr.urgente{background:#ef44440d}.requerimientos-table .cell-code{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--primary)}.requerimientos-table .cell-motivo{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requerimientos-table .cell-center{text-align:center}.almacenes-flow{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.almacenes-flow svg{color:var(--text-muted)}.prioridad-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.prioridad-badge.danger{background:#ef444426;color:#ef4444}.prioridad-badge.warning{background:#f59e0b26;color:#f59e0b}.prioridad-badge.info{background:#3b82f626;color:#3b82f6}.prioridad-badge.muted{background:#64748b26;color:#64748b}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.default{background:#64748b26;color:#64748b}.status-badge.info{background:#3b82f626;color:#3b82f6}.status-badge.success{background:#22c55e26;color:#22c55e}.status-badge.warning{background:#f59e0b26;color:#f59e0b}.status-badge.danger{background:#ef444426;color:#ef4444}.status-badge.muted{background:#64748b1a;color:#94a3b8}.status-badge.lg{padding:.5rem 1rem;font-size:.9rem}.table-actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.view{background:#3b82f61a;color:#3b82f6}.action-btn.approve{background:#22c55e1a;color:#22c55e}.action-btn.process{background:#a855f71a;color:#a855f7}.action-btn.complete{background:#22c55e26;color:#22c55e}.action-btn.cancel{background:#ef44441a;color:#ef4444}.action-btn:hover{transform:scale(1.1);opacity:.8}.items-section{margin:1.5rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.items-section h4{margin-bottom:1rem;color:var(--text-primary)}.add-item-row{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.add-item-row select,.add-item-row input{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.add-item-row select{flex:1;min-width:200px}.btn-add-item{padding:.5rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-add-item:hover{opacity:.9}.items-table{width:100%;border-collapse:collapse;font-size:.9rem}.items-table th,.items-table td{padding:.75rem;border:1px solid var(--border-color)}.items-table th{background:var(--bg-secondary);font-weight:600;text-align:left}.btn-remove-item{width:24px;height:24px;border:none;background:#ef44441a;color:#ef4444;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-remove-item:hover{background:#ef444433}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.detail-info p{margin:.25rem 0;color:var(--text-secondary)}.detail-info strong{color:var(--text-primary)}.detail-status{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.detail-section{margin-top:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.detail-section h4{margin-bottom:.5rem;color:var(--text-primary)}.detail-section p{color:var(--text-secondary);white-space:pre-wrap}.approval-info{margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.approval-info p{margin:.5rem 0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:1rem}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}.requerimientos-toolbar{flex-direction:column;align-items:stretch}.requerimientos-toolbar .toolbar-left{flex-direction:column}.requerimientos-toolbar .search-box{min-width:100%}.add-item-row{flex-wrap:wrap}.add-item-row select{min-width:100%}}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader-container{display:flex;flex-direction:column;align-items:center;gap:24px}.loader-message{color:#91ddfb;font-size:1.1rem;font-weight:500;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}#svg-global{zoom:1.2;overflow:visible}@keyframes fade-particles{0%,to{opacity:1}50%{opacity:.5}}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-40px);opacity:0}}#particles{animation:fade-particles 5s infinite alternate}.particle{animation:floatUp linear infinite}.p1{animation-duration:2.2s;animation-delay:0s}.p2{animation-duration:2.5s;animation-delay:.3s}.p3{animation-duration:2s;animation-delay:.6s}.p4{animation-duration:2.8s;animation-delay:.2s}.p5{animation-duration:2.3s;animation-delay:.4s}.p6{animation-duration:3s;animation-delay:.1s}.p7{animation-duration:2.1s;animation-delay:.5s}.p8{animation-duration:2.6s;animation-delay:.2s}.p9{animation-duration:2.4s;animation-delay:.3s}@keyframes bounce-lines{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}#line-v1,#line-v2,#node-server,#panel-rigth,#reflectores,#particles{animation:bounce-lines 3s ease-in-out infinite alternate}#line-v2{animation-delay:.2s}#node-server,#panel-rigth,#reflectores,#particles{animation-delay:.4s}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--primary-gradient: linear-gradient(135deg, #3b82f6, #2563eb);--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-tertiary: #1a1a2e;--bg-card: rgba(15, 15, 25, .65);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--border-color: rgba(59, 130, 246, .3);--border-radius: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 60px rgba(59, 130, 246, .15);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}