.sidebar-rail-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s;border:none;background:none;text-decoration:none;flex-shrink:0}.sidebar-rail-icon:hover{background:#ffffff1a;color:#e5e7eb}.sidebar-rail-icon.active{background:#ffffff26;color:#fff}.sidebar-nav-item{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;color:#4b5563;cursor:pointer;transition:background .12s;border:none;background:none;text-align:left;width:100%;text-decoration:none;font-weight:500}.sidebar-nav-item:hover{background:#f3f4f6}.rack-audio-btn{position:relative;background:linear-gradient(135deg,#1f2937,#374151)!important;border-radius:10px!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer;border:none;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;flex:1 1 auto;min-width:0}.rack-audio-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #1f29374d}.rack-audio-btn:active{transform:translateY(0)}.rack-audio-icon{width:32px;height:32px;border-radius:50%;background:#b1bed0;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.rack-audio-icon svg{width:14px;height:14px;color:#1f2937}.audio-pulse-ring{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;pointer-events:none;z-index:0}.audio-pulse-ring-1{background:#b1bed066;animation:rackAudioPulse 2s ease-out infinite}.audio-pulse-ring-2{background:#b1bed040;animation:rackAudioPulse 2s ease-out infinite .6s}@keyframes rackAudioPulse{0%{transform:translateY(-50%) scale(1);opacity:.7}70%{transform:translateY(-50%) scale(2.2);opacity:0}to{transform:translateY(-50%) scale(2.2);opacity:0}}.rack-audio-text{flex:1;min-width:0;position:relative;z-index:1}.rack-audio-title{font-size:13px;font-weight:600;color:#fff;line-height:1.3}.rack-audio-sub{font-size:11px;color:#9ca3af;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rack-audio-duration{font-size:10px;font-weight:600;color:#b1bed0;background:#b1bed026;padding:3px 10px;border-radius:100px;position:relative;z-index:1;flex-shrink:0}.rack-audio-action{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff26;border-radius:8px;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;flex-shrink:0;transition:background .15s}.rack-audio-btn:hover .rack-audio-action{background:#fff3}.rack-audio-action svg{width:14px;height:14px;color:#b1bed0}.rack-audio-action span{font-size:12px;font-weight:600;color:#fff}.rack-audio-btn.listened{background:linear-gradient(135deg,#374151,#4b5563)!important;padding:8px 12px!important}.rack-audio-btn.listened .rack-audio-icon{width:26px;height:26px}.rack-audio-btn.listened .rack-audio-icon svg{width:12px;height:12px}.rack-audio-btn.listened .rack-audio-sub,.rack-audio-btn.listened .rack-audio-duration{display:none}.rack-audio-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 8px 30px #00000040;z-index:50;display:flex;align-items:center;gap:10px;animation:rackTooltipIn .4s ease .8s both}.rack-audio-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#111827;margin-top:-5px}.rack-audio-tooltip .tooltip-x{width:18px;height:18px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.rack-audio-tooltip .tooltip-x:hover{background:#ffffff4d}@keyframes rackTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 639px){.rack-audio-sub{display:none}.rack-audio-btn{padding:8px 10px!important;gap:8px!important}.rack-audio-icon{width:28px;height:28px}.rack-audio-icon svg{width:12px;height:12px}.rack-audio-title{font-size:12px}.rack-audio-tooltip{font-size:11px;padding:8px 12px}.rack-audio-action{padding:5px 10px}.rack-audio-action span{font-size:11px}}.rack-audio-scrub{position:absolute;bottom:0;left:0;right:0;height:6px;background:#ffffff26;cursor:pointer;z-index:10;border-radius:0 0 10px 10px;overflow:hidden;display:none}.rack-audio-scrub.active{display:block}.rack-audio-scrub-fill{height:100%;background:#b1bed0;width:0%;transition:none;pointer-events:none}.rack-audio-scrub:hover{height:10px}.rack-audio-scrub:hover .rack-audio-scrub-fill{background:#fff}.rack-audio-mobile-text{display:inline}.rack-audio-desktop-text{display:none}@media (min-width: 640px){.rack-audio-mobile-text{display:none}.rack-audio-desktop-text{display:inline}}*{font-family:Inter,system-ui,-apple-system,sans-serif}.mono{font-family:ui-monospace,monospace}body.dark{background-color:#1f2937!important;color:#d1d5db!important}body.dark .bg-white{background-color:#2d3748!important}body.dark .bg-gray-50{background-color:#263040!important}body.dark .bg-gray-100{background-color:#1f2937!important}body.dark .bg-gray-200{background-color:#374151!important}body.dark .text-gray-900,body.dark .text-gray-800{color:#f9f8f6!important}body.dark .text-gray-700{color:#e5e7eb!important}body.dark .text-gray-600{color:#d1d5db!important}body.dark .text-gray-500{color:#9ca3af!important}body.dark .text-gray-400{color:#6b7280!important}body.dark .border-gray-200,body.dark .border-gray-100{border-color:#374151!important}body.dark .border-gray-300{border-color:#4b5563!important}body.dark .hover\:bg-gray-50:hover,body.dark .hover\:bg-gray-100:hover{background-color:#374151!important}body.dark .app-header{background-color:#111827!important;border-color:#374151!important}body.dark .modal-backdrop{background-color:#000000b3!important}body.dark .modal-backdrop .bg-white{background-color:#2d3748!important}body.dark .modal-backdrop .border-gray-200{border-color:#374151!important}body.dark #sidebarPanel{background-color:#111827!important;border-color:#374151!important}body.dark #sidebarRail{background-color:#111827!important}body.dark input,body.dark select,body.dark textarea{background-color:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}body.dark input::placeholder{color:#6b7280!important}body.dark .header-search-wrap input{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}body.dark .header-tool-btn{background:#1f2937!important;border-color:#374151!important;color:#9ca3af!important}body.dark .header-tool-btn:hover{background:#374151!important;color:#e5e7eb!important}body.dark .header-icon-btn:hover{background:#1f2937!important}body.dark .header-profile-chip{background:#1f2937!important;border-color:#374151!important}body.dark .header-profile-chip:hover{background:#374151!important}body.dark .header-add-dropdown{background:#2d3748!important;border-color:#374151!important}body.dark .header-add-dropdown .dd-item:hover{background:#374151!important}body.dark .header-add-dropdown .dd-hdr{color:#6b7280!important}body.dark .header-add-dropdown .dd-item{color:#d1d5db!important}body.dark .header-add-dropdown .dd-div{background:#374151!important}body.dark .header-search-results{background:#2d3748!important;border-color:#374151!important}body.dark .header-search-results .sr-item:hover{background:#374151!important}body.dark .header-search-results .sr-name{color:#e5e7eb!important}body.dark .header-kbd-hint{background:#374151!important;border-color:#4b5563!important;color:#6b7280!important}body.dark .header-sep{background:#374151!important}body.dark table th{background-color:#263040!important;color:#7b8ca0!important;border-color:#374151!important}body.dark table td{color:#d1d5db!important;border-color:#374151!important}body.dark table tr:hover td{background-color:#344054!important}body.dark .bg-gradient-to-br,body.dark #mainContent{background:#1f2937!important}body.dark #mainContent>div>.bg-white{background:#2d3748!important}body.dark #sidebarPanel>div:last-child{background:#111827!important;border-color:#374151!important}body.dark #sidebarPanel .bg-white{background:#1f2937!important}body.dark #sidebarPanel .border-gray-200{border-color:#374151!important}body.dark #mobileQuickAddBar{background:#2d3748!important;border-color:#374151!important}body.dark [style*="background:#E8EDF4"]{background:#374151!important}body.dark [style*="background-color:#E8EDF4"]{background-color:#374151!important}body.dark .sidebar-nav-item:hover{background:#374151!important}body.dark .saving-indicator{background:linear-gradient(135deg,#111827,#1f2937)!important}body.dark #mobileNav{background-color:#111827!important;border-color:#374151!important}body.dark #mobileProfileDropdown{background-color:#2d3748!important;border-color:#374151!important}body.dark .app-header svg text{fill:#f9f8f6}body.dark .app-header svg path{stroke:#f9f8f6}body.dark .app-header svg circle{fill:#f9f8f6}body.dark [style*="color:#1F2937"],body.dark [style*="color: #1F2937"],body.dark [style*="color:#111827"],body.dark [style*="color: #111827"]{color:#f9f8f6!important}body.dark [style*="color:#374151"],body.dark [style*="color: #374151"]{color:#e5e7eb!important}body.dark [style*="color:#4B5563"],body.dark [style*="color: #4B5563"]{color:#d1d5db!important}body.dark [style*="background-color: #E5E7EB"],body.dark [style*="background-color:#E5E7EB"]{background-color:#374151!important}body.dark [style*="background:#E5E7EB"]{background:#374151!important}body.dark [style*="background-color: #F9FAFB"],body.dark [style*="background-color:#F9FAFB"]{background-color:#2d3748!important}body.dark [style*="background:#F9FAFB"]{background:#2d3748!important}body.dark [style*="background-color: #F3F4F6"] *,body.dark [style*="background-color:#F3F4F6"] *,body.dark [style*="background:#F3F4F6"] *{color:#1f2937!important}body.dark [style*="background-color: #F3F4F6"],body.dark [style*="background-color:#F3F4F6"]{border-color:#d1d5db!important}body.dark [style*="background-color: #FFFFFF"],body.dark [style*="background-color:#FFFFFF"]{background-color:#2d3748!important}body.dark [style*="background:#FFFFFF"]{background:#2d3748!important}body.dark [style*="background-color: #ffffff"],body.dark [style*="background-color:#ffffff"]{background-color:#2d3748!important}body.dark [style*="background: white"]{background:#2d3748!important}body.dark [style*="background-color: white"]{background-color:#2d3748!important}body.dark [style*="background:#fff"],body.dark [style*="background: #fff"]{background:#2d3748!important}body.dark [style*="background: #F9F8F6"]{background:#1f2937!important}body.dark [style*="background-color: #F9F8F6"],body.dark [style*="background-color:#F9F8F6"]{background-color:#1f2937!important}body.dark [style*="border-color: #E5E7EB"],body.dark [style*="border-color:#E5E7EB"],body.dark [style*="border: 1px solid #E5E7EB"],body.dark [style*="border:1px solid #E5E7EB"]{border-color:#374151!important}body.dark [style*="background-color: #B1BED0"],body.dark [style*="background-color:#B1BED0"],body.dark [style*="background: #B1BED0"],body.dark [style*="background-color: #B1BED0"] *,body.dark [style*="background-color:#B1BED0"] *,body.dark [style*="background: #B1BED0"] *{color:#1f2937!important}body.dark [style*="background-color: #B1BED0"] .text-gray-800,body.dark [style*="background-color:#B1BED0"] .text-gray-800,body.dark [style*="background-color: #B1BED0"] .text-gray-600,body.dark [style*="background-color:#B1BED0"] .text-gray-600,body.dark [style*="background-color: #B1BED0"] .text-gray-500,body.dark [style*="background-color:#B1BED0"] .text-gray-500{color:#374151!important}body.dark [style*="background-color: #93A4B8"],body.dark [style*="background-color:#93A4B8"],body.dark [style*="background-color: #93A4B8"] *,body.dark [style*="background-color:#93A4B8"] *{color:#1f2937!important}body.dark [style*="background-color: #B1BED0"] img[src*=streamline],body.dark [style*="background-color:#B1BED0"] img[src*=streamline],body.dark [style*="background-color: #93A4B8"] img[src*=streamline],body.dark [style*="background-color:#93A4B8"] img[src*=streamline]{filter:none!important}body.dark [style*="color:#1F2937"] svg{color:#f9f8f6!important}body.dark img[src*="/icons/streamline/"]{filter:invert(1) brightness(.85)!important;opacity:.8!important}body.dark .collection-card .text-gray-500{color:#b1bed0!important}body.dark .collection-card .text-gray-400{color:#9ca3af!important}body.dark .collection-card [style*="border-top:1px solid #E5E7EB"]{border-color:#374151!important}body.dark [style*="background:#E8EDF4"]{color:#e5e7eb!important}body.dark ::-webkit-scrollbar{width:8px}body.dark ::-webkit-scrollbar-track{background:#1f2937}body.dark ::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}body.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}.theme-toggle-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px;border-radius:10px;cursor:pointer;transition:background .15s}.theme-toggle-wrap:hover{background:#ffffff0d}.theme-toggle-label{font-size:12px;font-weight:500;color:#9ca3af}.theme-toggle-switch{position:relative;width:36px;height:20px;border-radius:10px;background:#374151;transition:background .2s;flex-shrink:0}body.dark .theme-toggle-switch{background:#5f7088}.theme-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#9ca3af;transition:transform .2s,background .2s}body.dark .theme-toggle-switch:after{transform:translate(16px);background:#f9f8f6}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 40px #00000026}@media print{body *{visibility:hidden}#qrPrintArea,#qrPrintArea *{visibility:visible}#qrPrintArea{position:absolute;left:0;top:0}#invoicePrintArea,#invoicePrintArea *{visibility:visible}#invoicePrintArea{position:absolute;left:0;top:0;width:100%}}.qr-label{page-break-inside:avoid}.invoice-preview{background:#fff;padding:40px;max-width:800px;margin:0 auto;font-size:14px;line-height:1.5}.invoice-preview table{width:100%;border-collapse:collapse}.invoice-preview th,.invoice-preview td{padding:8px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.invoice-preview th{background:#f9fafb;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}