.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-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:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 40px);animation:fadeIn .3s ease}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{color:var(--text-muted);font-size:20px;padding:4px;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:16px;overflow-y:auto}.size-sm{width:100%;max-width:400px}.size-md{width:100%;max-width:600px}.size-lg{width:100%;max-width:800px}.size-xl{width:100%;max-width:1000px}.size-full{width:100%;max-width:100%;height:100%;max-height:100vh}[data-theme=pixel] .modal-content{border:4px solid #000!important;border-radius:0!important;background-color:var(--pixel-bg-card)!important;box-shadow:inset -4px -4px #000000b3,inset 4px 4px 0 0 var(--pixel-neon-cyan),6px 6px #000!important}[data-theme=pixel] .modal-header{border-bottom:3px solid #000;background:#110d24}[data-theme=pixel] .modal-title{font-family:var(--font-pixel-title);font-size:14px;color:var(--pixel-gold-coin);text-shadow:2px 2px 0px #000;letter-spacing:1px}[data-theme=pixel] .modal-close{font-family:var(--font-pixel-ui);font-size:14px;background:var(--pixel-danger-red);color:#fff;border:2px solid #000;padding:2px 8px;box-shadow:inset -2px -2px #00000080,2px 2px #000}[data-theme=pixel] .modal-close:hover{background:#f04}.modal-close{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}@media (max-width: 768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%!important;max-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;animation:slideUp .3s cubic-bezier(.32,.72,0,1)}.modal-content.size-sm,.modal-content.size-md,.modal-content.size-lg,.modal-content.size-xl{max-width:100%!important}.modal-header:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.modal-header{position:relative;padding:20px 16px 12px}.modal-title{font-size:var(--fs-base)}.modal-body{padding:var(--space-card);-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.modal-content{max-height:92vh;border-radius:12px 12px 0 0}.modal-header{padding:22px 14px 10px}.modal-title{font-size:var(--fs-sm)}.modal-body{padding:12px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:16px;height:100vh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s ease}.sidebar.collapsed{width:72px;padding:16px 8px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-collapse-btn{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:10px;cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.sidebar-collapse-btn:hover{background:#ff6b0026;color:var(--accent);border-color:var(--accent)}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:8px}.sidebar.collapsed .sidebar-logo{padding:0}.sidebar.collapsed .logo-icon{font-size:28px}.sidebar.collapsed .sidebar-collapse-btn{margin:0 auto}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-icon{font-size:20px;width:auto}.sidebar-logo{display:flex;flex-direction:column;align-items:center;padding:0 12px}[data-theme=pixel] .sidebar{border-right:4px solid #000;box-shadow:4px 0 #000}[data-theme=pixel] .logo-text{font-family:var(--font-pixel-title);font-size:26px;color:var(--pixel-neon-cyan);text-shadow:3px 3px 0px #000}[data-theme=pixel] .nav-item{font-family:var(--font-pixel-ui);font-size:13px;border:2px solid transparent;border-radius:0;margin-bottom:2px}[data-theme=pixel] .nav-item:hover{background-color:var(--pixel-bg-card);border:2px solid #000;box-shadow:2px 2px #000;color:var(--pixel-gold-coin)}[data-theme=pixel] .nav-item.active{background-color:var(--pixel-neon-cyan);color:#000;border:2px solid #000;font-weight:700;box-shadow:inset -2px -2px #0006,2px 2px #000}.logo-brand{display:flex;align-items:center;justify-content:center;gap:12px}.logo-icon{font-size:42px;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent-glow))}.logo-text{font-family:Artegra Sans,Outfit,sans-serif;font-size:38px;font-weight:900;letter-spacing:-1.5px;color:var(--text-primary);text-shadow:0 0 25px rgba(255,107,0,.2)}.logo-subtitle{font-size:11px;font-style:italic;color:var(--text-muted);margin-top:-6px;white-space:nowrap;opacity:.95;letter-spacing:.2px;text-align:center}.sidebar-nav{flex:1;min-height:0;overflow-y:auto}.nav-links{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-weight:500;font-size:15px;transition:all .2s ease}.nav-item:hover{background-color:#ff6b0014;color:var(--text-primary)}.nav-item.active{background-color:#ff6b001f;color:var(--accent)}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:16px}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--secondary));border-radius:50%;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-muted);text-transform:capitalize}.logout-btn{padding:10px 16px;border:none;border-radius:var(--radius-sm);background:#ef44441a;color:#ef4444;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef444433}.sidebar-arcade-btn{padding:8px 12px;border-radius:var(--radius-sm);background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.35);font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.sidebar-arcade-btn:hover{background:#a855f740;color:#f3e8ff;border-color:#a855f799}.sidebar-header{display:flex;align-items:center;justify-content:center;width:100%}.sidebar-close-btn{display:none}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:290px;max-width:85vw;height:100vh;height:100dvh;z-index:1200;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:12px 0 40px #000000bf}.sidebar-header{justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid var(--border);color:var(--text-primary);font-size:18px;cursor:pointer;transition:all .2s ease}.sidebar-close-btn:hover{background:#ef444433;color:#ef4444;border-color:#ef444466}.nav-item{min-height:44px;padding:12px 14px}}.media-player{position:fixed;bottom:16px;right:16px;width:320px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px;z-index:1000;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.media-player.minimized{width:auto;padding:8px;border-radius:50px}.hidden-input{display:none}.player-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.player-title{font-size:11px;font-weight:600;color:var(--text-muted)}.player-header-actions{display:flex;align-items:center;gap:6px}.queue-toggle-btn{background:none;border:none;font-size:12px;cursor:pointer;opacity:.7;transition:opacity .2s;position:relative}.queue-toggle-btn:hover,.queue-toggle-btn.active{opacity:1}.queue-count{position:absolute;top:-4px;right:-4px;background:var(--accent);color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:8px;min-width:12px;text-align:center}.minimize-btn{position:absolute;top:8px;right:8px;background:#0006;border:none;border-radius:4px;font-size:10px;cursor:pointer;opacity:.8;transition:all .2s;padding:4px 8px;color:#fff;z-index:10}.minimize-btn:hover{opacity:1;background:#0009}.minimized-player{position:fixed;bottom:16px;right:16px;width:44px;height:44px;background:linear-gradient(135deg,var(--accent),#ff8a50);border:none;border-radius:50%;font-size:20px;cursor:pointer;z-index:1000;box-shadow:0 4px 16px #ff6b0066;display:flex;align-items:center;justify-content:center;transition:all .2s;animation:pulse 2s infinite}.minimized-player:hover{transform:scale(1.1);box-shadow:0 6px 24px #ff6b0080}.minimized-player.playing{animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 16px #ff6b0066}50%{box-shadow:0 4px 24px #ff6b0099}}.queue-panel{max-height:150px;overflow-y:auto}.queue-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-muted);margin-bottom:6px}.clear-queue-btn{background:none;border:none;font-size:12px;cursor:pointer;opacity:.6;transition:opacity .2s}.clear-queue-btn:hover{opacity:1}.queue-empty{font-size:10px;color:var(--text-muted);text-align:center;padding:8px;font-style:italic}.queue-list{list-style:none;margin:0;padding:0}.queue-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-size:11px;transition:background .2s}.queue-item:hover{background:#ffffff0d}.queue-item.active{background:#ff6b001a}.queue-item-play{background:none;border:none;font-size:10px;cursor:pointer;opacity:.7;width:20px;flex-shrink:0}.queue-item-play:hover{opacity:1}.queue-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.queue-item-remove{background:none;border:none;font-size:10px;cursor:pointer;opacity:.4;color:#f55;transition:opacity .2s}.queue-item-remove:hover{opacity:1}.player-track-info{display:flex;align-items:center;gap:8px;min-height:28px}.track-icon{font-size:16px;flex-shrink:0}.track-details{display:flex;flex-direction:column;min-width:0;flex:1}.track-title{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:9px;color:var(--text-muted)}.no-track{font-size:10px;color:var(--text-muted);font-style:italic}.player-progress{display:flex;align-items:center;gap:6px}.time-current,.time-total{font-size:9px;color:var(--text-muted);font-family:monospace;min-width:28px}.time-total{text-align:right}.progress-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .1s}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-controls{display:flex;justify-content:center;align-items:center;gap:4px}.player-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;opacity:.8}.player-btn:hover{opacity:1;background:#ff6b001a}.player-btn.active{color:var(--accent);opacity:1}.play-btn{font-size:18px;background:#ff6b001a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.play-btn:hover{background:#ff6b0033}.player-volume{display:flex;align-items:center;gap:6px;padding:0 4px}.volume-icon{font-size:12px;flex-shrink:0}.volume-slider{flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:var(--text-muted);border-radius:50%;cursor:pointer;transition:all .1s}.volume-slider::-webkit-slider-thumb:hover{background:var(--accent);transform:scale(1.2)}.player-add{display:flex;justify-content:center;gap:8px;padding-top:6px;border-top:1px solid var(--border)}.add-file-btn,.add-url-btn{background:#ffffff0d;border:1px dashed var(--border);border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s}.add-file-btn:hover,.add-url-btn:hover{border-color:var(--accent);background:#ff6b001a}.url-input-container{display:flex;gap:4px;margin-top:4px}.url-input{flex:1;padding:6px 8px;font-size:11px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary)}.url-input::placeholder{color:var(--text-muted)}.url-add-btn{background:var(--accent);border:none;border-radius:4px;color:#fff;font-weight:700;padding:0 10px;cursor:pointer;transition:opacity .2s}.url-add-btn:hover{opacity:.8}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:8px;border-radius:var(--radius-sm);overflow:hidden;background:#000}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.youtube-close,.youtube-show-btn{background:#ff6b00cc;border:none;border-radius:4px;color:#fff;font-size:10px;padding:4px 8px;cursor:pointer;transition:all .2s}.youtube-close{position:absolute;top:4px;right:4px;z-index:10}.youtube-show-btn{flex-shrink:0;margin-left:auto}.youtube-close:hover,.youtube-show-btn:hover{background:var(--accent)}.youtube-hidden-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:8px}.youtube-hidden-container iframe{width:100%;height:100%;border:none;border-radius:8px}.youtube-hidden-container.hidden{position:fixed;bottom:-9999px;right:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}@media (max-width: 480px){.media-player:not(.minimized){width:calc(100vw - 32px);right:16px;left:16px;max-height:80vh;overflow-y:auto}}.floating-calculator{position:fixed;bottom:70px;right:16px;width:280px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;z-index:999;box-shadow:0 8px 32px #0000004d}.minimized-calculator{position:fixed;bottom:70px;right:16px;width:44px;height:44px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:50%;font-size:18px;cursor:pointer;z-index:999;box-shadow:0 4px 16px #22c55e66;display:flex;align-items:center;justify-content:center;transition:all .2s}.minimized-calculator:hover{transform:scale(1.1);box-shadow:0 6px 24px #22c55e80}.calc-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.calc-title{font-size:11px;font-weight:600;color:var(--text-muted)}.calc-tabs{display:flex;gap:4px;flex:1;justify-content:center}.calc-tab{background:none;border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:10px;color:var(--text-muted);cursor:pointer;transition:all .2s}.calc-tab:hover{border-color:var(--accent)}.calc-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.calc-minimize{background:none;border:none;font-size:12px;cursor:pointer;opacity:.6;transition:opacity .2s}.calc-minimize:hover{opacity:1}.calc-display{background:#1a1a2e;border-radius:6px;padding:12px;margin-bottom:8px;text-align:right}.calc-display-value{font-size:24px;font-family:monospace;color:#fff;word-break:break-all}.calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.calc-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:12px 0;font-size:14px;cursor:pointer;transition:all .15s;color:var(--text-primary)}.calc-btn:hover{background:#ffffff1a}.calc-btn:active{transform:scale(.95)}.calc-btn.func{background:#3b3b4f;color:#fff}.calc-btn.op{background:var(--accent);color:#fff}.calc-btn.op:hover{background:#ff8a50}.calc-btn.zero{grid-column:span 2}.calc-btn.equals{background:#22c55e;color:#fff}.calc-btn.equals:hover{background:#16a34a}.calc-meter{display:flex;flex-direction:column;gap:8px}.calc-row{display:flex;align-items:center;gap:8px}.calc-row label{font-size:11px;color:var(--text-muted);width:70px;flex-shrink:0}.calc-row input{flex:1;padding:6px 8px;font-size:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary)}.calc-divider{height:1px;background:var(--border);margin:8px 0}.calc-results{display:flex;flex-direction:column;gap:6px}.calc-result{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#ff6b001a;border-radius:4px}.result-label{font-size:11px;color:var(--text-muted)}.result-value{font-size:13px;font-weight:600;color:var(--accent);font-family:monospace}.calc-price-section h4{font-size:11px;margin:0 0 8px;color:var(--text-primary)}.calc-price-row{display:flex;gap:8px}.price-input-group{flex:1;display:flex;flex-direction:column;gap:4px;position:relative}.price-input-group label{font-size:10px;color:var(--text-muted)}.price-input-group input{padding:6px 8px;font-size:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);width:100%;box-sizing:border-box}.convert-btn{position:absolute;right:4px;bottom:4px;background:var(--accent);border:none;border-radius:3px;color:#fff;font-size:10px;padding:2px 6px;cursor:pointer;transition:opacity .2s}.convert-btn:hover{opacity:.8}.calc-totals{margin-top:10px;display:flex;flex-direction:column;gap:6px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:linear-gradient(135deg,#22c55e1a,#22c55e33);border-radius:6px;border:1px solid rgba(34,197,94,.3)}.total-row span:first-child{font-size:10px;color:var(--text-muted)}.total-value{font-size:14px;font-weight:700;color:#22c55e;font-family:monospace}.clear-meter-btn{width:100%;padding:8px;margin-top:4px;background:#ef44441a;border:1px dashed rgba(239,68,68,.4);border-radius:4px;color:#ef4444;font-size:11px;cursor:pointer;transition:all .2s}.clear-meter-btn:hover{background:#ef444433;border-color:#ef4444}@media (max-width: 480px){.floating-calculator{width:calc(100vw - 32px);right:16px;left:16px;max-height:80vh;overflow-y:auto}}.floating-alarm{position:fixed;bottom:178px;right:16px;width:220px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;z-index:998;box-shadow:0 8px 32px #0000004d}.minimized-alarm{position:fixed;bottom:178px;right:16px;min-width:44px;height:44px;padding:0 12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:22px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;z-index:998;box-shadow:0 4px 16px #8b5cf666;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:monospace}.minimized-alarm:hover{transform:scale(1.05);box-shadow:0 6px 24px #8b5cf680}.minimized-alarm.running{animation:alarmPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 16px #f59e0b80}@keyframes alarmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.alarm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.alarm-title{font-size:11px;font-weight:600;color:var(--text-muted)}.alarm-minimize{background:none;border:none;font-size:12px;cursor:pointer;opacity:.6;transition:opacity .2s}.alarm-minimize:hover{opacity:1}.alarm-display{text-align:center;padding:16px 0;background:#8b5cf61a;border-radius:8px;margin-bottom:10px}.alarm-time{font-size:36px;font-weight:700;font-family:monospace;color:#8b5cf6;display:block}.alarm-time.paused{opacity:.5}.alarm-label{font-size:11px;color:var(--text-muted);margin-top:4px;display:block}.alarm-paused-badge{display:inline-block;margin-top:6px;padding:2px 8px;background:#f59e0b33;color:#f59e0b;font-size:9px;font-weight:700;border-radius:4px;letter-spacing:.5px}.minimized-alarm.paused{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 4px 16px #6b728066;animation:none}.alarm-controls{display:flex;gap:8px;margin-bottom:10px}.alarm-btn{flex:1;padding:8px;border:none;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s}.alarm-btn.pause{background:#8b5cf633;color:#8b5cf6}.alarm-btn.pause:hover{background:#8b5cf64d}.alarm-btn.cancel{background:#ef44441a;color:#ef4444}.alarm-btn.cancel:hover{background:#ef444433}.alarm-input-row{display:flex;gap:8px;margin-bottom:10px}.alarm-minutes-input{flex:1;padding:8px 12px;font-size:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);text-align:center}.alarm-start-btn{padding:8px 12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.alarm-start-btn:hover{transform:scale(1.02);box-shadow:0 2px 8px #8b5cf666}.alarm-quick-times{display:flex;gap:6px;margin-bottom:10px}.quick-time-btn{flex:1;padding:6px 0;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:4px;color:#8b5cf6;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.quick-time-btn:hover{background:#8b5cf633;border-color:#8b5cf6}.alarm-title-input{width:100%;padding:6px 10px;font-size:11px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);box-sizing:border-box}.alarm-title-input::placeholder{color:var(--text-muted)}.floating-whatsapp{position:fixed;bottom:232px;right:16px;width:44px;height:44px;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;cursor:pointer;z-index:997;box-shadow:0 4px 16px #25d36666;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:12px}.floating-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 24px #25d36680}.floating-whatsapp svg{width:100%;height:100%;color:#fff}.xana-button{position:fixed;bottom:124px;right:16px;width:44px;height:44px;background:linear-gradient(135deg,#9333ea,#3b82f6);border:1px solid rgba(216,180,254,.4);border-radius:50%;cursor:pointer;z-index:998;box-shadow:0 4px 16px #9333ea66;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1)}.xana-button:hover{transform:scale(1.1);box-shadow:0 6px 24px #9333ea80}.xana-button:active{transform:scale(.95)}.xana-chat-container{position:fixed;bottom:16px;right:16px;width:415px;max-width:calc(100vw - 24px);height:580px;max-height:calc(100vh - 32px);background:#0f172a;border-radius:18px;box-shadow:0 20px 35px -5px #00000080,0 0 0 1px #ffffff1a;z-index:1005;display:flex;flex-direction:column;overflow:hidden;color:#f1f5f9;font-family:Inter,system-ui,-apple-system,sans-serif}@media (max-width: 480px){.xana-chat-container{width:calc(100vw - 32px);right:16px;bottom:16px;height:calc(100vh - 32px)}}.xana-header{background:linear-gradient(135deg,#1e1b4b,#0f172a);padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:relative}.xana-header-info{display:flex;align-items:center;gap:10px}.xana-avatar{background:linear-gradient(135deg,#9333ea,#3b82f6);color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #9333ea4d}.xana-title-row{display:flex;align-items:center;gap:6px}.xana-title{margin:0;font-size:14px;font-weight:700;color:#f8fafc}.xana-role-badge{font-size:9px;background:#a855f740;color:#d8b4fe;padding:2px 6px;border-radius:9999px;border:1px solid rgba(168,85,247,.4);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.xana-subtitle{margin:2px 0 0;font-size:11px;color:#94a3b8}.xana-header-actions{display:flex;align-items:center;gap:6px;position:relative}.xana-menu-trigger{display:flex;align-items:center;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.xana-menu-trigger:hover,.xana-menu-trigger.active{background:#a855f733;border-color:#a855f766;color:#f3e8ff}.chevron-icon{transition:transform .2s ease}.chevron-icon.rotated{transform:rotate(180deg)}.xana-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.xana-close-btn:hover{background:#ffffff1a;color:#f8fafc}.xana-dropdown-menu{position:absolute;top:42px;right:0;width:240px;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 10px 25px -5px #0009;padding:6px;z-index:1010;animation:fadeInScale .15s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-header{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:6px 8px 4px;font-weight:700}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#f1f5f9;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#ffffff14}.dropdown-item div{display:flex;flex-direction:column}.dropdown-item strong{font-size:12px;font-weight:600}.dropdown-item small{font-size:10px;color:#94a3b8}.item-calc svg{color:#34d399}.item-diagnostic svg{color:#f87171}.item-orders svg{color:#818cf8}.item-stock svg{color:#38bdf8}.item-db svg{color:#c084fc}.item-help svg{color:#fbbf24}.item-clear svg{color:#94a3b8}.dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0}.xana-messages{flex:1;overflow-y:auto;padding:14px;background:#0b1120;display:flex;flex-direction:column;gap:12px}.xana-msg-row{display:flex;width:100%}.xana-msg-user{justify-content:flex-end}.xana-msg-bot{justify-content:flex-start}.xana-bubble{max-width:88%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.5;word-break:break-word;position:relative}.xana-bubble-user{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border-bottom-right-radius:2px;box-shadow:0 4px 12px #9333ea40}.xana-bubble-bot{background:#1e293b;color:#e2e8f0;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:2px;box-shadow:0 4px 12px #0003}.xana-bubble-bot:has(.xana-order-card){max-width:100%;width:100%;padding:10px;word-break:normal}.xana-bubble-content{display:flex;flex-direction:column;gap:4px}.xana-text-line{margin:0}.xana-bullet-line{padding-left:4px}.xana-inline-code{background:#00000059;color:#38bdf8;padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,Consolas,monospace;font-size:11px}.xana-diagnostic-badge{font-size:10px;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:2px 6px;border-radius:4px;margin-bottom:6px;display:inline-block;font-weight:600}.xana-msg-time{font-size:9px;color:#fff6;margin-top:4px;text-align:right}.xana-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:#c084fc;padding:10px 14px;background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 2px;width:fit-content}.xana-input-area{padding:10px 12px;background:#0f172a;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;align-items:center}.xana-input{flex:1;background:#ffffff0f;color:#f8fafc;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px;font-size:13px;outline:none;transition:all .2s ease}.xana-input::placeholder{color:#64748b}.xana-input:focus{border-color:#a855f7;background:#ffffff1a;box-shadow:0 0 0 2px #a855f740}.xana-send-btn{background:linear-gradient(135deg,#9333ea,#3b82f6);color:#fff;border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.xana-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #9333ea66}.xana-send-btn:disabled{opacity:.4;cursor:not-allowed}.animate-fade-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.xana-voice-btn{background:linear-gradient(135deg,#9333ea,#3b82f6);color:#fff;border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #9333ea4d}.xana-voice-btn:hover:not(:disabled):not(.listening){transform:scale(1.05);box-shadow:0 4px 12px #9333ea66}.xana-voice-btn.listening{background:linear-gradient(135deg,#ef4444,#f97316);animation:pulse-red 1.5s infinite;box-shadow:0 0 0 2px #ef444466}.xana-voice-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes pulse-red{0%,to{box-shadow:0 0 0 2px #ef444466}50%{box-shadow:0 0 0 6px #ef444433}}.xana-input-area:has(.xana-voice-btn.listening) .xana-input::placeholder{color:#ef4444;opacity:.8}.xana-order-card{background:linear-gradient(145deg,#0f172afa,#090e1cfc);border:1px solid rgba(59,130,246,.4);border-radius:12px;padding:12px;margin:8px 0 4px;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff0f;color:#e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif;word-break:normal;overflow-wrap:normal;transition:border-color .25s ease,box-shadow .25s ease}.xana-order-card:hover{border-color:#3b82f699;box-shadow:0 12px 30px #00000080,0 0 14px #3b82f624}.xana-order-card.confirmed{border-color:#10b9818c;background:linear-gradient(145deg,#064e3b52,#0f172af5)}.order-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:9px;margin-bottom:10px}.order-card-header.success{border-bottom-color:#10b98140;justify-content:flex-start}.header-title-box{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:115px;overflow:hidden}.header-title-box h4{margin:0;font-size:.85rem;font-weight:700;color:#60a5fa;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-selector-box{flex:0 1 auto;min-width:0;max-width:100%;display:flex;align-items:center}.icon-sparkle{color:#38bdf8;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(56,189,248,.6))}.icon-success{color:#34d399;flex-shrink:0}.select-material-badge{background:#0f172af2;color:#93c5fd;border:1px solid rgba(59,130,246,.45);border-radius:6px;font-size:.72rem;font-weight:700;padding:4px 8px;outline:none;cursor:pointer;max-width:200px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease}.select-material-badge:hover{border-color:#3b82f6;background:#1e3a8a59}.badge-material{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;background:#3b82f629;color:#93c5fd;border:1px solid rgba(59,130,246,.35);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.client-badge-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#0000004d;border:1px solid rgba(255,255,255,.05);padding:6px 10px;border-radius:7px;margin-bottom:8px}.client-name{font-weight:700;font-size:.82rem;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-count{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:#94a3b8;white-space:nowrap;flex-shrink:0}.batch-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#1e293bb3;border:1px solid rgba(59,130,246,.22);border-radius:7px;padding:5px 8px;margin-bottom:8px}.batch-global-scale,.batch-scale-group{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.batch-scale-label,.batch-label{font-size:.68rem;font-weight:600;color:#94a3b8;white-space:nowrap;margin-right:2px}.btn-scale-mini{background:#0f172ad9;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.66rem;font-weight:700;padding:2px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.btn-scale-mini:hover{background:#2563eb;color:#fff;border-color:#3b82f6}.btn-toggle-view{display:inline-flex;align-items:center;gap:4px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-size:.68rem;font-weight:600;padding:3px 7px;border-radius:5px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.btn-toggle-view:hover{background:#3b82f647;color:#fff}.carteles-scroll-list{display:flex;flex-direction:column;gap:8px;max-height:290px;overflow-y:auto;padding-right:3px;margin-bottom:10px}.carteles-scroll-list.compact-mode{gap:5px}.carteles-scroll-list::-webkit-scrollbar{width:4px}.carteles-scroll-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.cartel-compact-row{display:flex;align-items:center;gap:7px;background:#1e293b8c;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:5px 8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cartel-compact-row:hover{background:#1e293bd9;border-color:#3b82f659}.compact-idx{font-size:.68rem;font-weight:700;color:#64748b;white-space:nowrap;flex-shrink:0}.compact-thumb{width:28px;height:28px;border-radius:4px;overflow:hidden;background:#0f172a;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.compact-thumb img{width:100%;height:100%;object-fit:cover;display:block}.compact-name{flex:1;min-width:0;font-size:.75rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-dims{font-size:.72rem;font-weight:700;color:#38bdf8;background:#38bdf81a;padding:2px 5px;border-radius:4px;white-space:nowrap;flex-shrink:0}.compact-copies,.compact-Copies{font-size:.68rem;font-weight:700;color:#cbd5e1;white-space:nowrap;flex-shrink:0}.compact-price{font-size:.74rem;font-weight:700;color:#34d399;white-space:nowrap;flex-shrink:0}.compact-expand-icon,.compact-chevron{color:#64748b;flex-shrink:0}.cartel-collapse-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;color:#93c5fd;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.cartel-item-card{display:flex;flex-direction:column;gap:8px;background:#1e293b8c;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:9px}.cartel-top-main{display:flex;gap:10px;align-items:flex-start}.cartel-preview-box{width:64px;height:64px;flex-shrink:0;border-radius:7px;overflow:hidden;background:#090e17;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);position:relative}.cartel-thumb-img{width:100%;height:100%;object-fit:contain;background:repeating-conic-gradient(#0f172a,#0f172a 25%,#1e293b 0%,#1e293b 50%) 50% / 12px 12px;display:block}.cartel-thumb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#64748b;font-size:.62rem;font-weight:700;white-space:nowrap;text-align:center;width:100%;height:100%}.cartel-details-box{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.cartel-filename-row{display:flex;align-items:center;gap:5px;min-width:0}.cartel-index-badge{font-size:.65rem;font-weight:700;color:#60a5fa;background:#3b82f626;border:1px solid rgba(59,130,246,.3);padding:1px 5px;border-radius:4px;white-space:nowrap;flex-shrink:0}.cartel-name{flex:1;min-width:0;font-size:.8rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-collapse-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:4px;padding:2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-collapse-item:hover{color:#fff;background:#ffffff24}.cartel-primary-metrics{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.measure-tag{font-size:.78rem;color:#38bdf8;font-weight:700;white-space:nowrap;flex-shrink:0}.measure-cm-sub{font-size:.68rem;font-weight:500;color:#7dd3fc;opacity:.85}.item-price-tag{font-size:.8rem;font-weight:800;color:#34d399;background:#10b9811f;border:1px solid rgba(16,185,129,.28);padding:1px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0}.manual-dims-inline{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#fbbf24;white-space:nowrap}.input-dim-mini{width:48px;background:#0f172ae6;border:1px solid rgba(251,191,36,.45);border-radius:4px;color:#f8fafc;font-size:.72rem;font-weight:600;padding:2px 4px;text-align:center;outline:none}.input-dim-mini:focus{border-color:#38bdf8}.cartel-tech-pills{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.badge-tech{font-size:.66rem;font-weight:600;padding:2px 6px;border-radius:4px;background:#0f172abf;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);white-space:nowrap;flex-shrink:0;line-height:1.2}.badge-tech.badge-roll,.badge-tech.badge-bobina{color:#c4b5fd;background:#8b5cf624;border-color:#8b5cf64d}.badge-tech.badge-ml{color:#93c5fd;background:#3b82f624;border-color:#3b82f64d}.scale-alert-badge{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:#fbbf24;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);padding:4px 8px;border-radius:5px}.cartel-bottom-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.scale-selector-bar{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}.scale-label{font-size:.7rem;color:#94a3b8;font-weight:600;white-space:nowrap;flex-shrink:0}.scale-btn-group{display:flex;gap:4px;flex-wrap:nowrap}.btn-scale{background:#0f172ad9;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.68rem;font-weight:700;padding:3px 7px;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.btn-scale:hover{background:#3b82f638;color:#fff;border-color:#3b82f673}.btn-scale.active{background:#2563eb;color:#fff;border-color:#3b82f6;box-shadow:0 0 8px #2563eb73}.btn-scale.highlight-rec{border-color:#f59e0b}.btn-scale.highlight-rec.active{background:#d97706;border-color:#f59e0b;box-shadow:0 0 8px #f59e0b73}.copies-selector-bar{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}.copies-stepper{display:inline-flex;align-items:center;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:5px;overflow:hidden}.btn-copy-step{background:transparent;border:none;color:#cbd5e1;font-size:.78rem;font-weight:700;padding:2px 7px;cursor:pointer;line-height:1.2}.btn-copy-step:hover{background:#3b82f640;color:#fff}.copies-value,.copies-val{font-size:.72rem;font-weight:700;color:#f8fafc;padding:0 6px;min-width:20px;text-align:center;white-space:nowrap}.sha256-row{display:flex;align-items:center;gap:5px;font-size:.65rem;color:#64748b;padding-top:2px}.icon-sha{color:#10b981;flex-shrink:0}.sha256-row code{font-family:monospace;color:#6ee7b7;background:#00000047;padding:1px 5px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-summary-box{background:#0f172ac7;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:6px;font-size:.78rem}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#94a3b8}.summary-row>span{white-space:nowrap;flex-shrink:0}.summary-row>strong{color:#e2e8f0;white-space:nowrap}.bobinas-chips-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.bobina-chip{font-size:.68rem;font-weight:700;background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.32);padding:2px 7px;border-radius:4px;white-space:nowrap}.price-edit-box{display:flex;align-items:center;gap:3px;flex-shrink:0}.currency-symbol{color:#34d399;font-weight:800;font-size:1rem}.input-price-edit{background:#0f172ad9;border:1px solid rgba(52,211,153,.4);border-radius:6px;color:#34d399;font-size:.98rem;font-weight:800;padding:3px 7px;width:112px;text-align:right;outline:none;transition:all .2s ease}.input-price-edit:focus{border-color:#34d399;box-shadow:0 0 10px #34d3994d;background:#064e3b4d}.summary-row.total-highlight{border-top:1px solid rgba(255,255,255,.08);padding-top:7px;margin-top:2px;align-items:center;font-size:.85rem;font-weight:700;color:#f8fafc}.card-error-banner{display:flex;align-items:center;gap:6px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:6px 10px;border-radius:6px;font-size:.74rem;margin-top:8px}.order-card-actions{display:flex;gap:8px;margin-top:10px}.btn-open-modal{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:#1e293bd9;border:1px solid rgba(255,255,255,.14);color:#cbd5e1;font-size:.76rem;font-weight:600;padding:8px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-open-modal:hover{background:#334155f2;color:#fff;border-color:#ffffff47}.btn-confirm-order{flex:1.4;display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;color:#fff;font-size:.78rem;font-weight:700;padding:8px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px #2563eb59;transition:all .2s ease}.btn-confirm-order:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 18px #2563eb80;transform:translateY(-1px)}.btn-confirm-order:disabled{opacity:.7;cursor:not-allowed}.icon-spin{animation:spin 1s linear infinite}.fab-menu{display:none}@media (max-width: 768px){.xana-button,.floating-whatsapp,.minimized-alarm,.floating-alarm,.calc-toggle-btn,.floating-calculator,.media-player-toggle,.media-player-widget{display:none!important}.fab-menu{display:block;position:fixed;bottom:20px;right:16px;z-index:999}.fab-trigger{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff8c42);border:none;color:#fff;font-size:1.4rem;cursor:pointer;box-shadow:0 6px 20px #ff6b0066,0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.fab-trigger:active{transform:scale(.92)}.fab-trigger-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.fab-open .fab-trigger{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #0000004d}.fab-open .fab-trigger-icon{transform:rotate(90deg)}.fab-actions{position:absolute;bottom:68px;right:0;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;opacity:0;transition:opacity .2s ease}.fab-open .fab-actions{pointer-events:auto;opacity:1}.fab-action-item{display:flex;align-items:center;gap:10px;flex-direction:row-reverse;background:none;border:none;cursor:pointer;padding:0;transform:translateY(20px) scale(.8);opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition-delay:var(--fab-delay, 0ms)}.fab-open .fab-action-item{transform:translateY(0) scale(1);opacity:1}.fab-action-icon{width:44px;height:44px;border-radius:50%;background:var(--fab-color, var(--accent));display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;box-shadow:0 3px 12px #0000004d;flex-shrink:0;transition:transform .15s ease}.fab-action-item:active .fab-action-icon{transform:scale(.9)}.fab-action-label{background:var(--bg-sidebar);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0000004d;border:1px solid var(--border)}.fab-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:-1;animation:fadeIn .2s ease}}.main-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1)}.main-layout.sidebar-collapsed{grid-template-columns:72px 1fr}.main-content{padding:32px 40px;background:var(--bg-main);background-image:radial-gradient(circle at top right,rgba(255,107,0,.04),transparent 40%);min-height:100vh;overflow-y:auto}.preview-pdf{width:100%;height:100%;border:none;background:#fff}.preview-pdf-frame{width:100%;height:100%;min-height:500px;border:none;border-radius:var(--radius-sm);background:#fff}.mobile-topbar{display:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1150;animation:fadeIn .2s ease}@media (max-width: 1024px){.main-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--bg-sidebar);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1050;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-hamburger-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border);color:var(--text-primary);font-size:22px;cursor:pointer;transition:all .2s ease}.mobile-hamburger-btn:hover{background:#ff6b0026;color:var(--accent);border-color:var(--border-focus)}.mobile-topbar-brand{display:flex;align-items:center;gap:8px}.mobile-topbar-icon{font-size:20px;color:var(--accent);filter:drop-shadow(0 0 10px var(--accent-glow))}.mobile-topbar-title{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.mobile-topbar-spacer{width:44px}.main-content{padding:var(--space-page, 16px 14px);width:100%;max-width:100vw;min-height:calc(100vh - 56px);box-sizing:border-box}}@media (max-width: 480px){.main-content{padding:12px 10px}}.page{animation:fadeIn .5s ease}.module-placeholder{background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.placeholder-icon{font-size:48px;margin-bottom:8px}.module-placeholder h2{font-size:24px;color:var(--text-primary)}.module-placeholder p{font-size:14px;color:var(--text-secondary);max-width:400px}:root{--pixel-bg-dark: #090714;--pixel-bg-card: #161228;--pixel-bg-input: #0e0b1a;--pixel-border-color: #000000;--pixel-border-light: #3d346b;--pixel-neon-cyan: #00f0ff;--pixel-neon-pink: #ff2a8d;--pixel-gold-coin: #ffc700;--pixel-hp-green: #00e676;--pixel-mp-blue: #3d5afe;--pixel-danger-red: #ff3366;--pixel-orange: #ff7700;--pixel-text: #ffffff;--pixel-text-dim: #9b8ec4;--font-pixel-title: "Press Start 2P", "Silkscreen", cursive, monospace;--font-pixel-ui: "Silkscreen", "Pixelify Sans", monospace;--font-pixel-body: "Pixelify Sans", "VT323", monospace}[data-theme=pixel],body.pixel-theme{--bg-main: var(--pixel-bg-dark);--bg-sidebar: #0e0a1f;--bg-card: var(--pixel-bg-card);--bg-input: var(--pixel-bg-input);--accent: var(--pixel-neon-cyan);--accent-glow: rgba(0, 240, 255, .4);--accent-light: rgba(0, 240, 255, .15);--secondary: var(--pixel-neon-pink);--success: var(--pixel-hp-green);--warning: var(--pixel-gold-coin);--danger: var(--pixel-danger-red);--text-primary: #ffffff;--text-secondary: var(--pixel-neon-cyan);--text-muted: var(--pixel-text-dim);--border: var(--pixel-neon-cyan);--border-focus: var(--pixel-gold-coin);--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;background-color:var(--pixel-bg-dark)!important;color:#fff!important;font-family:var(--font-pixel-body)!important;letter-spacing:.5px}[data-theme=pixel] body,body.pixel-theme{font-family:var(--font-pixel-body)!important;background-color:var(--pixel-bg-dark)!important}[data-theme=pixel] h1,[data-theme=pixel] h2,[data-theme=pixel] h3,body.pixel-theme h1,body.pixel-theme h2,body.pixel-theme h3{font-family:var(--font-pixel-title)!important;letter-spacing:1px!important;text-transform:uppercase!important;color:var(--pixel-gold-coin)!important;text-shadow:3px 3px 0px #000!important}[data-theme=pixel] h4,[data-theme=pixel] h5,[data-theme=pixel] h6,[data-theme=pixel] th,[data-theme=pixel] label,body.pixel-theme h4,body.pixel-theme h5,body.pixel-theme h6,body.pixel-theme th,body.pixel-theme label{font-family:var(--font-pixel-ui)!important;text-transform:uppercase!important;letter-spacing:.8px!important;color:var(--pixel-neon-cyan)!important}[data-theme=pixel] .card,[data-theme=pixel] .stat-card,[data-theme=pixel] .modal-content,[data-theme=pixel] .table-container,[data-theme=pixel] .ordenes-table,[data-theme=pixel] .filter-bar,[data-theme=pixel] .hud-container,[data-theme=pixel] .login-card,[data-theme=pixel] .abm-section,body.pixel-theme .card,body.pixel-theme .stat-card,body.pixel-theme .modal-content,body.pixel-theme .table-container,body.pixel-theme .filter-bar{border:4px solid #000!important;border-radius:0!important;background-color:var(--pixel-bg-card)!important;box-shadow:inset -4px -4px #000000b3,inset 4px 4px #ffffff26,5px 5px #000!important}[data-theme=pixel] button,[data-theme=pixel] .btn,[data-theme=pixel] .tab-btn,[data-theme=pixel] .filter-btn,body.pixel-theme button,body.pixel-theme .btn,body.pixel-theme .tab-btn{font-family:var(--font-pixel-ui)!important;font-size:12px!important;text-transform:uppercase!important;border:3px solid #000!important;border-radius:0!important;background:#231c3d!important;color:#fff!important;padding:8px 16px!important;cursor:pointer!important;-webkit-user-select:none;user-select:none;box-shadow:inset -3px -3px #000000b3,inset 3px 3px #ffffff40,3px 3px #000!important;transition:transform .05s ease,box-shadow .05s ease!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}[data-theme=pixel] button:hover,[data-theme=pixel] .btn:hover,body.pixel-theme button:hover{background:#312854!important;color:var(--pixel-gold-coin)!important;box-shadow:inset -3px -3px #000000b3,inset 3px 3px #fff6,4px 4px #000!important}[data-theme=pixel] button:active,[data-theme=pixel] .btn:active,body.pixel-theme button:active{transform:translate(3px,3px)!important;box-shadow:inset 3px 3px #000c,0 0 #000!important}[data-theme=pixel] .tab-btn.active,[data-theme=pixel] .btn-primary,body.pixel-theme .btn-primary{background:var(--pixel-neon-cyan)!important;color:#000!important;font-weight:700!important;box-shadow:inset -3px -3px #00000080,inset 3px 3px #fff6,3px 3px #000!important}[data-theme=pixel] table,body.pixel-theme table{border-collapse:collapse!important;width:100%}[data-theme=pixel] th,body.pixel-theme th{background:#0f0a21!important;border-bottom:3px solid #000!important;padding:10px 14px!important;font-family:var(--font-pixel-ui)!important;color:var(--pixel-neon-cyan)!important;font-size:12px!important}[data-theme=pixel] td,body.pixel-theme td{border-bottom:2px solid #1c1538!important;padding:10px 14px!important;font-family:var(--font-pixel-body)!important;font-size:14px!important;color:#fff!important}[data-theme=pixel] tr:hover td,body.pixel-theme tr:hover td{background-color:#00f0ff14!important}[data-theme=pixel] input,[data-theme=pixel] select,[data-theme=pixel] textarea,body.pixel-theme input,body.pixel-theme select,body.pixel-theme textarea{font-family:var(--font-pixel-body)!important;font-size:15px!important;border:3px solid #000!important;border-radius:0!important;background-color:var(--pixel-bg-input)!important;color:var(--pixel-neon-cyan)!important;padding:8px 12px!important;box-shadow:inset 3px 3px #000,inset -1px -1px #ffffff1a!important}[data-theme=pixel] input:focus,[data-theme=pixel] select:focus,[data-theme=pixel] textarea:focus,body.pixel-theme input:focus{outline:none!important;border-color:#000!important;box-shadow:inset 3px 3px #000,0 0 0 2px var(--pixel-gold-coin)!important}[data-theme=pixel] .status-tag,[data-theme=pixel] .badge,body.pixel-theme .status-tag{font-family:var(--font-pixel-ui)!important;font-size:11px!important;border:2px solid #000!important;border-radius:0!important;padding:2px 8px!important;box-shadow:2px 2px #000!important;text-transform:uppercase!important}.pixel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pixel-btn:hover{filter:brightness(1.15)}.pixel-btn-warning{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.pixel-btn-info{background:#0ea5e926;border-color:#0ea5e966;color:#38bdf8}.pixel-btn-primary{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}:root{--bg-main: #0a0b10;--bg-sidebar: #12141d;--bg-card: rgba(30, 34, 45, .7);--bg-input: rgba(20, 24, 35, .8);--accent: #ff6b00;--accent-glow: rgba(255, 107, 0, .3);--accent-light: rgba(255, 107, 0, .1);--secondary: #3b82f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--border-focus: rgba(255, 107, 0, .5);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--accent-glow);--glass: blur(10px) saturate(180%);--bp-mobile: 480px;--bp-tablet: 768px;--bp-laptop: 1024px;--bp-desktop: 1280px;--space-page: clamp(14px, 2.5vw, 36px);--space-card: clamp(10px, 1.5vw, 20px);--space-gap: clamp(8px, 1.5vw, 16px);--fs-xs: clamp(.7rem, .65rem + .2vw, .75rem);--fs-sm: clamp(.8rem, .75rem + .25vw, .875rem);--fs-base: clamp(.9rem, .85rem + .3vw, 1rem);--fs-md: clamp(1rem, .95rem + .4vw, 1.15rem);--fs-lg: clamp(1.15rem, 1.05rem + .6vw, 1.35rem);--fs-xl: clamp(1.35rem, 1.2rem + 1vw, 1.75rem);--fs-2xl: clamp(1.6rem, 1.35rem + 1.5vw, 2.25rem);--touch-target-min: 44px;--ot-color: #fb923c;--metric-cyan: #38bdf8;--metric-cyan-bg: rgba(56, 189, 248, .12);--metric-cyan-border: rgba(56, 189, 248, .28);--badge-purple-color: #c084fc;--badge-purple-bg: rgba(192, 132, 252, .12);--badge-purple-border: rgba(192, 132, 252, .3);--badge-amber-color: #fbbf24;--badge-amber-bg: rgba(251, 191, 36, .12);--badge-amber-border: rgba(251, 191, 36, .3);--badge-green-color: #34d399;--badge-green-bg: rgba(16, 185, 129, .12);--badge-green-border: rgba(16, 185, 129, .3);--table-header-bg: rgba(15, 23, 42, .65);--table-border-subtle: rgba(255, 255, 255, .07);--table-row-hover: rgba(255, 255, 255, .035);--table-row-selected: rgba(255, 107, 0, .08);--dock-bg: rgba(18, 20, 29, .92);--dock-border: rgba(255, 255, 255, .15)}[data-theme=light]{--bg-main: #f8fafc;--bg-sidebar: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-input: rgba(241, 245, 249, .95);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent: #c2410c;--accent-glow: rgba(194, 65, 12, .25);--accent-light: rgba(194, 65, 12, .08);--border-focus: rgba(194, 65, 12, .5);--secondary: #2563eb;--success: #047857;--warning: #b45309;--danger: #dc2626;--border: rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--glass: blur(10px) saturate(150%);--ot-color: #c2410c;--metric-cyan: #0284c7;--metric-cyan-bg: #e0f2fe;--metric-cyan-border: #bae6fd;--badge-purple-color: #7e22ce;--badge-purple-bg: #f3e8ff;--badge-purple-border: #d8b4fe;--badge-amber-color: #b45309;--badge-amber-bg: #fef3c7;--badge-amber-border: #fde68a;--badge-green-color: #047857;--badge-green-bg: #d1fae5;--badge-green-border: #a7f3d0;--table-header-bg: #f1f5f9;--table-border-subtle: #e2e8f0;--table-row-hover: #f1f5f9;--table-row-selected: #fff7ed;--dock-bg: rgba(255, 255, 255, .95);--dock-border: #cbd5e1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}@font-face{font-family:Artegra Sans;src:url(./ArtegraSans-Bold-DLi7UO3a.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0020,U+002C,U+002E,U+0030-0033,U+0035-0039,U+003A-003B,U+003F,U+0041-005A,U+0061-007A}@font-face{font-family:Artegra Sans;src:url(./ArtegraSans-Bold-DLi7UO3a.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0020,U+002C,U+002E,U+0030-0033,U+0035-0039,U+003A-003B,U+003F,U+0041-005A,U+0061-007A}@font-face{font-family:Artegra Sans;src:url(./ArtegraSans-Bold-DLi7UO3a.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0020,U+002C,U+002E,U+0030-0033,U+0035-0039,U+003A-003B,U+003F,U+0041-005A,U+0061-007A}@font-face{font-family:Artegra Sans;src:url(./ArtegraSans-SemiBold-BR6AECDt.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0020,U+002C,U+002E,U+0030-0033,U+0035-0039,U+003A-003B,U+003F,U+0041-005A,U+0061-007A}@font-face{font-family:Artegra Sans;src:url(./ArtegraSans-SemiBold-BR6AECDt.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020,U+002C,U+002E,U+0030-0033,U+0035-0039,U+003A-003B,U+003F,U+0041-005A,U+0061-007A}@font-face{font-family:Artegra Sans;src:url(./ArtegraSans-SemiBold-BR6AECDt.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0020,U+002C,U+002E,U+0030-0033,U+0035-0039,U+003A-003B,U+003F,U+0041-005A,U+0061-007A}body{font-family:Artegra Sans,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);overscroll-behavior-y:contain}}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Artegra Sans,Outfit,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit;font-size:inherit}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;color:var(--text-primary);transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder{color:var(--text-muted)}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:600}.flex-end{display:flex;justify-content:flex-end}.theme-toggle{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--accent)}button *,.btn *,.btn-icon-action *,.op-btn-sm *,.tab-btn *,[role=button] *{pointer-events:none!important;cursor:pointer!important}button,a,select,[role=button],.clickable,.btn,.btn-icon-action,.op-btn-sm,.tab-btn{cursor:pointer!important}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1024px){.hide-on-mobile{display:none!important}}@media (min-width: 1025px){.show-on-mobile{display:none!important}}