.menu-overlay[data-v-83a6455c]{background:transparent;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.header[data-v-83a6455c]{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000}.header-main[data-v-83a6455c]{align-items:center;display:flex;padding:.75rem 1.5rem .75rem calc(1.5rem + 30px);width:100%}.header-left .logo[data-v-83a6455c]{color:#74a043;font-size:2rem;font-weight:700;text-decoration:none}.header-left .logo[data-v-83a6455c]:hover{color:#5e7f35}.search-container[data-v-83a6455c]{flex:1;margin:0 2rem;max-width:500px}.search-container .search-input[data-v-83a6455c]{align-items:center;background:#fff;border:2px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.search-container .search-input[data-v-83a6455c]:hover{border-color:#d3e3c4;box-shadow:0 4px 8px #0000001a}.search-container .search-input[data-v-83a6455c]:focus-within{border-color:#74a043;box-shadow:0 0 0 3px #74a04326}.search-container .search-input .search-icon[data-v-83a6455c]{color:#9ca3af;font-size:1rem;left:1rem;position:absolute;transition:color .2s ease;z-index:2}.search-container .search-input:focus-within .search-icon[data-v-83a6455c]{color:#74a043}.search-container .search-input .clear-btn[data-v-83a6455c]{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:.9rem;padding:.5rem;position:absolute;right:.5rem;transition:all .2s ease;z-index:2}.search-container .search-input .clear-btn[data-v-83a6455c]:hover{background:#f3f4f6;color:#ef4444}.search-container .search-input .search-field[data-v-83a6455c]{background:transparent;border:none;flex:1;font-size:.9rem;outline:none;padding:.75rem 3rem}.search-container .search-input .search-field[data-v-83a6455c]::-moz-placeholder{color:#9ca3af}.search-container .search-input .search-field[data-v-83a6455c]::placeholder{color:#9ca3af}.search-container .search-input .search-field[data-v-83a6455c]:focus{border:none;box-shadow:none}.header-right[data-v-83a6455c]{margin-left:auto}.desktop-menu[data-v-83a6455c],.header-right[data-v-83a6455c]{align-items:center;display:flex}.desktop-menu[data-v-83a6455c]{gap:1rem}.desktop-menu .add-url-btn[data-v-83a6455c]{align-items:center;background:#74a043;border:none;border-radius:6px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.desktop-menu .add-url-btn[data-v-83a6455c]:hover{background:#5e7f35}.desktop-menu .add-url-btn i[data-v-83a6455c]{font-size:.8rem}.user-menu-dropdown[data-v-83a6455c]{position:relative}.user-menu-dropdown .user-menu-trigger[data-v-83a6455c]{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#2c2c2c;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.user-menu-dropdown .user-menu-trigger .dropdown-icon[data-v-83a6455c]{font-size:.7rem;transition:transform .2s ease}.user-menu-dropdown .user-menu-trigger .dropdown-icon.rotated[data-v-83a6455c]{transform:rotate(180deg)}.user-menu-dropdown .user-menu-trigger.active[data-v-83a6455c],.user-menu-dropdown .user-menu-trigger[data-v-83a6455c]:hover{background:#e5e7eb}.user-menu-dropdown .user-menu-trigger.mobile-user-trigger[data-v-83a6455c]{height:2.5rem;justify-content:center;padding:.5rem;width:2.5rem}.user-menu-dropdown .user-menu-trigger.mobile-user-trigger .dropdown-icon[data-v-83a6455c],.user-menu-dropdown .user-menu-trigger.mobile-user-trigger span[data-v-83a6455c]{display:none}.user-menu-dropdown .user-dropdown-menu[data-v-83a6455c]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.user-menu-dropdown .user-dropdown-menu.mobile-user-dropdown[data-v-83a6455c]{min-width:160px}.user-menu-dropdown .user-dropdown-menu .dropdown-item[data-v-83a6455c]{align-items:center;background:none;border:none;color:#2c2c2c;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-menu-dropdown .user-dropdown-menu .dropdown-item i[data-v-83a6455c]{font-size:.8rem;width:1rem}.user-menu-dropdown .user-dropdown-menu .dropdown-item[data-v-83a6455c]:hover{background:#f3f4f6}.user-menu-dropdown .user-dropdown-menu .dropdown-item.add-url-item[data-v-83a6455c]{color:#74a043}.user-menu-dropdown .user-dropdown-menu .dropdown-item.add-url-item[data-v-83a6455c]:hover{background:#d3e3c4}.user-menu-dropdown .user-dropdown-menu .dropdown-item.logout-item[data-v-83a6455c]{border-top:1px solid #e5e7eb;color:#ef4444}.user-menu-dropdown .user-dropdown-menu .dropdown-item.logout-item[data-v-83a6455c]:hover{background:#fef2f2}.genre-menu-dropdown[data-v-83a6455c]{margin-right:.5rem;position:relative}.genre-menu-dropdown .genre-menu-trigger[data-v-83a6455c]{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#2c2c2c;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.genre-menu-dropdown .genre-menu-trigger.active[data-v-83a6455c],.genre-menu-dropdown .genre-menu-trigger[data-v-83a6455c]:hover{background:#d3e3c4;color:#74a043}.genre-menu-dropdown .genre-menu-trigger i[data-v-83a6455c]{font-size:1rem}.genre-menu-dropdown .genre-dropdown-menu[data-v-83a6455c]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;min-width:180px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.genre-menu-dropdown .genre-dropdown-menu .dropdown-item[data-v-83a6455c]{align-items:center;background:none;border:none;color:#2c2c2c;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.genre-menu-dropdown .genre-dropdown-menu .dropdown-item i[data-v-83a6455c]{font-size:.8rem;width:1rem}.genre-menu-dropdown .genre-dropdown-menu .dropdown-item[data-v-83a6455c]:hover{background:#f3f4f6}.genre-menu-dropdown .genre-dropdown-menu .dropdown-item[data-v-83a6455c]:first-child{border-bottom:1px solid #e5e7eb;color:#74a043}.genre-menu-dropdown .genre-dropdown-menu .dropdown-item[data-v-83a6455c]:first-child:hover{background:#d3e3c4}.mobile-menu[data-v-83a6455c]{align-items:center;display:none;gap:.75rem}.nav-section[data-v-83a6455c]{background:#f9fafb;border-top:1px solid #e5e7eb}.nav-section .nav-list[data-v-83a6455c]{display:flex;list-style:none;margin:0;padding:0 1.5rem}.nav-section .nav-list li .nav-link[data-v-83a6455c]{align-items:center;border-radius:6px;color:#2c2c2c;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.nav-section .nav-list li .nav-link i[data-v-83a6455c]{font-size:.9rem}.nav-section .nav-list li .nav-link[data-v-83a6455c]:hover{background:#fff;color:#74a043}.nav-section .nav-list li .nav-link.router-link-active[data-v-83a6455c]{background:#74a043;color:#fff}.dropdown-enter-active[data-v-83a6455c],.dropdown-leave-active[data-v-83a6455c]{transition:all .2s ease}.dropdown-enter-from[data-v-83a6455c],.dropdown-leave-to[data-v-83a6455c]{opacity:0;transform:translateY(-.5rem)}.desktop-only[data-v-83a6455c]{display:block}.mobile-only[data-v-83a6455c]{display:none}@media (max-width:768px){.desktop-only[data-v-83a6455c]{display:none}.mobile-only[data-v-83a6455c]{display:flex}.desktop-menu[data-v-83a6455c]{display:none}.mobile-menu[data-v-83a6455c]{display:flex}.header-main[data-v-83a6455c]{padding:.75rem 1rem}.nav-section .nav-list[data-v-83a6455c]{padding:0 1rem}.nav-section .nav-list li .nav-link[data-v-83a6455c]{font-size:.85rem;padding:.5rem .75rem}.nav-section .nav-list li .nav-link span[data-v-83a6455c]{display:none}}@media (max-width:480px){.header-main[data-v-83a6455c]{padding:.5rem .75rem}.header-left .logo[data-v-83a6455c]{font-size:1.25rem}.mobile-menu .mobile-search[data-v-83a6455c]{max-width:150px}.nav-section .nav-list[data-v-83a6455c]{padding:0 .75rem}}.side-menu[data-v-a5e41a66]{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:100%;overflow-y:auto;padding:1rem;width:280px}.add-genre-container[data-v-a5e41a66]{margin-bottom:1rem}.add-genre-container .add-genre-btn[data-v-a5e41a66]{align-items:center;border:1px solid #d3e3c4;border-radius:6px;color:#74a043;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.add-genre-container .add-genre-btn[data-v-a5e41a66]:hover{background:#74a043;color:#fff}.add-genre-container .add-genre-btn i[data-v-a5e41a66]{font-size:.8rem}.add-genre-container .genre-form[data-v-a5e41a66]{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;margin-top:.5rem;padding:1rem}.add-genre-container .genre-form .form-actions[data-v-a5e41a66]{display:flex;gap:.5rem;margin-top:.75rem}.genre-list[data-v-a5e41a66]{flex:1;overflow-y:auto}.genre-list ul[data-v-a5e41a66]{list-style:none;margin:0;padding:0}.genre-list .genre-item[data-v-a5e41a66]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.genre-list .genre-item[data-v-a5e41a66]:hover{background:#f3f4f6}.genre-list .genre-item:hover .delete-btn[data-v-a5e41a66]{opacity:1;visibility:visible}.genre-list .genre-item.selected[data-v-a5e41a66]{background:#d3e3c4;color:#2b3b1c}.genre-list .genre-item.selected .genre-icon i[data-v-a5e41a66]{color:#74a043}.genre-list .genre-item.all-genre[data-v-a5e41a66]{border-bottom:1px solid #f3f4f6;font-weight:600;margin-bottom:.75rem;padding-bottom:1rem}.genre-list .genre-item.all-genre .genre-count[data-v-a5e41a66]{background:#e5e7eb;border-radius:12px;color:#9ca3af;font-size:.7rem;margin-left:auto;min-width:1.5rem;padding:.25rem .5rem;text-align:center}.genre-list .genre-item.all-genre.selected .genre-count[data-v-a5e41a66]{background:#74a043;color:#fff}.genre-list .genre-item .genre-content[data-v-a5e41a66]{align-items:center;cursor:pointer;display:flex;flex:1;gap:.75rem}.genre-list .genre-item .genre-icon[data-v-a5e41a66]{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}.genre-list .genre-item .genre-icon i[data-v-a5e41a66]{font-size:1rem}.genre-list .genre-item .genre-name[data-v-a5e41a66]{flex:1;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-list .genre-item .delete-btn[data-v-a5e41a66]{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;opacity:0;padding:.375rem;transition:all .2s ease;visibility:hidden}.genre-list .genre-item .delete-btn[data-v-a5e41a66]:hover{background:#fef2f2}.genre-list .genre-item .delete-btn:hover i[data-v-a5e41a66]{color:#ef4444}.genre-list .genre-item .delete-btn[data-v-a5e41a66]:disabled{cursor:not-allowed;opacity:.6!important}.genre-list .genre-item .delete-btn[data-v-a5e41a66]:disabled:hover{background:none}.genre-list .genre-item .delete-btn i[data-v-a5e41a66]{color:#9ca3af;font-size:.75rem;transition:color .2s ease}.ad-space[data-v-a5e41a66]{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;margin-top:1rem;max-height:220px!important;overflow:hidden!important;padding:.75rem;text-align:center}.ad-space .sidebar-ad[data-v-a5e41a66]{height:200px!important;max-height:200px!important;max-width:100%}.ad-space .sidebar-ad .adsbygoogle[data-v-a5e41a66],.ad-space .sidebar-ad iframe[data-v-a5e41a66]{height:200px!important;max-height:200px!important;max-width:250px!important;width:100%!important}.slide-enter-active[data-v-a5e41a66],.slide-leave-active[data-v-a5e41a66]{max-height:200px;overflow:hidden;transition:all .3s ease}.slide-enter-from[data-v-a5e41a66],.slide-leave-to[data-v-a5e41a66]{max-height:0;opacity:0;padding-bottom:0;padding-top:0}@media (max-width:1024px){.side-menu[data-v-a5e41a66]{padding:.75rem;width:240px}.side-menu .genre-list .genre-item[data-v-a5e41a66]{padding:.625rem .75rem}.side-menu .genre-list .genre-item .genre-name[data-v-a5e41a66]{font-size:.8rem}}@media (max-width:768px){.side-menu[data-v-a5e41a66]{box-shadow:2px 0 5px #0000001a;height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.side-menu.open[data-v-a5e41a66]{left:0}}.toast[data-v-ad999bf1]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;justify-content:space-between;margin-bottom:.75rem;max-width:400px;min-width:300px;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.toast[data-v-ad999bf1]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translate(-4px)}.toast__content[data-v-ad999bf1]{align-items:center;display:flex;flex:1;gap:.75rem}.toast__icon[data-v-ad999bf1]{flex-shrink:0;font-size:1.125rem}.toast__message[data-v-ad999bf1]{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast__close[data-v-ad999bf1]{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:1.5rem;justify-content:center;margin-left:.75rem;transition:all .2s ease;width:1.5rem}.toast__close[data-v-ad999bf1]:hover{transform:scale(1.1)}.toast__close[data-v-ad999bf1]:active{transform:scale(.95)}.toast--success[data-v-ad999bf1]{background:#10b981f2;border-color:#05966980;color:#fff}.toast--success .toast__close[data-v-ad999bf1]{color:#fffc}.toast--success .toast__close[data-v-ad999bf1]:hover{background:#ffffff1a;color:#fff}.toast--error[data-v-ad999bf1]{background:#ef4444f2;border-color:#dc262680;color:#fff}.toast--error .toast__close[data-v-ad999bf1]{color:#fffc}.toast--error .toast__close[data-v-ad999bf1]:hover{background:#ffffff1a;color:#fff}.toast--warning[data-v-ad999bf1]{background:#f59e0bf2;border-color:#d9770680;color:#fff}.toast--warning .toast__close[data-v-ad999bf1]{color:#fffc}.toast--warning .toast__close[data-v-ad999bf1]:hover{background:#ffffff1a;color:#fff}.toast--info[data-v-ad999bf1]{background:#3b82f6f2;border-color:#2563eb80;color:#fff}.toast--info .toast__close[data-v-ad999bf1]{color:#fffc}.toast--info .toast__close[data-v-ad999bf1]:hover{background:#ffffff1a;color:#fff}.toast-enter-active[data-v-ad999bf1]{transition:all .3s ease-out}.toast-leave-active[data-v-ad999bf1]{transition:all .3s ease-in}.toast-enter-from[data-v-ad999bf1],.toast-leave-to[data-v-ad999bf1]{opacity:0;transform:translate(100%)}@media (max-width:480px){.toast[data-v-ad999bf1]{max-width:320px;min-width:280px;padding:.875rem 1rem}.toast__message[data-v-ad999bf1]{font-size:.85rem}.toast__icon[data-v-ad999bf1]{font-size:1rem}}.toast-container[data-v-c352d74e]{pointer-events:none;position:fixed;right:1.5rem;top:5rem;z-index:9999}.toast-container .toast-list[data-v-c352d74e]{align-items:flex-end;display:flex;flex-direction:column}.toast-container[data-v-c352d74e] .toast{pointer-events:auto}.toast-enter-active[data-v-c352d74e],.toast-leave-active[data-v-c352d74e],.toast-move[data-v-c352d74e]{transition:all .3s ease}.toast-enter-from[data-v-c352d74e]{opacity:0;transform:translate(100%)}.toast-leave-to[data-v-c352d74e]{opacity:0;transform:translate(100%) scale(.95)}.toast-leave-active[data-v-c352d74e]{position:absolute!important;right:0}@media (max-width:768px){.toast-container[data-v-c352d74e]{left:1rem;right:1rem;top:4rem}.toast-container .toast-list[data-v-c352d74e]{align-items:stretch}.toast-container[data-v-c352d74e] .toast{max-width:none;min-width:auto}}@media (max-width:480px){.toast-container[data-v-c352d74e]{left:.75rem;right:.75rem;top:3.5rem}}.app-layout[data-v-22975eb2],.app-layout--login[data-v-22975eb2]{background:#fafafa;display:flex}.app-layout--login[data-v-22975eb2]{align-items:center;box-sizing:border-box;justify-content:center;min-height:100vh;padding:1rem;width:100vw}.app-layout .desktop-sidebar[data-v-22975eb2]{background:#fff;border-right:1px solid #e5e7eb;height:calc(100vh - 60px);left:0;overflow-y:auto;position:fixed;top:135px;width:280px;z-index:50}.app-layout .sidebar-overlay[data-v-22975eb2]{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.app-layout .sidebar-overlay .mobile-sidebar[data-v-22975eb2]{background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;z-index:1001}.app-layout .main-content[data-v-22975eb2]{display:flex;flex:1;flex-direction:column;min-width:0}.app-layout .main-content .content-wrapper[data-v-22975eb2]{flex:1;margin:0 auto;max-width:100%;padding:1.5rem;width:100%}.app-layout:not(.app-layout--login) .main-content[data-v-22975eb2]{margin-left:280px}.overlay-enter-active[data-v-22975eb2],.overlay-leave-active[data-v-22975eb2]{transition:opacity .3s ease}.overlay-enter-active .mobile-sidebar[data-v-22975eb2],.overlay-leave-active .mobile-sidebar[data-v-22975eb2]{transition:transform .3s ease}.overlay-enter-from[data-v-22975eb2],.overlay-leave-to[data-v-22975eb2]{opacity:0}.overlay-enter-from .mobile-sidebar[data-v-22975eb2],.overlay-leave-to .mobile-sidebar[data-v-22975eb2]{transform:translate(-100%)}@media (max-width:1024px){.app-layout .main-content .content-wrapper[data-v-22975eb2]{padding:1.25rem}}@media (max-width:768px){.app-layout .desktop-sidebar[data-v-22975eb2]{display:none}.app-layout .main-content[data-v-22975eb2]{margin-left:0!important}.app-layout .main-content .content-wrapper[data-v-22975eb2]{padding:1rem}.app-layout .sidebar-overlay[data-v-22975eb2]{display:block}}@media (max-width:480px){.app-layout--login[data-v-22975eb2]{align-items:center;justify-content:center;padding:.75rem}.app-layout .main-content .content-wrapper[data-v-22975eb2]{padding:.75rem}}@media (min-width:769px){.app-layout .main-content[data-v-22975eb2]{min-width:calc(100vw - 280px)}}