@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.settings-menu-wrapper{position:relative}.notifications-wrapper{position:relative;margin-right:12px}.btn-notifications,.notification-badge{align-items:center;justify-content:center}.btn-notifications{position:relative;display:flex;width:44px;height:44px;padding:0;background:0 0;border:0;border-radius:var(--radius-md);color:var(--text-secondary);font-size:1.125rem;cursor:pointer;transition:all var(--duration-fast)}.btn-notifications:hover{background:var(--primary-50);color:var(--text-primary)}.btn-notifications:active,.notification-item.unread .notification-icon,.notification-item.unread:hover{background:var(--primary-100)}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--error);color:#fff;border-radius:var(--radius-full);min-width:20px;height:20px;display:none;font-size:.6875rem;font-weight:700;padding:0 6px;border:2px solid var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.15);animation:badgePulse 2s ease-in-out infinite}.notification-badge.visible{display:flex}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:-8px;width:400px;max-width:calc(100vw - 32px);max-height:520px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.12);z-index:1000;display:none;flex-direction:column;overflow:hidden}.notifications-dropdown.open{display:flex;animation:dropdownSlideIn .2s ease-out}.notifications-dropdown.closing{animation:dropdownSlideOut .15s ease-in forwards}.notifications-header{padding:18px 20px 14px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.notifications-header h3{margin:0;font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.btn-mark-all-read{display:none;padding:6px 12px!important;background:0 0!important;border:0!important;border-radius:var(--radius-md)!important;color:var(--primary-500)!important;font-size:.75rem!important;font-weight:500!important;cursor:pointer;transition:all var(--duration-fast);display:flex;align-items:center;gap:5px;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;white-space:nowrap}.btn-mark-all-read.visible{display:flex}.btn-mark-all-read:hover{background:var(--primary-50)!important;color:var(--primary-600)!important}.notifications-list{flex:1;overflow-y:auto;max-height:380px;overscroll-behavior:contain}.notifications-list::-webkit-scrollbar{width:4px}.notifications-list::-webkit-scrollbar-track{background:0 0}.notifications-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.notification-item{display:flex;gap:14px;padding:14px 20px;cursor:pointer;transition:background var(--duration-fast);position:relative}.notification-item+.notification-item{border-top:1px solid var(--border-light)}.notification-icon,.notification-item:hover{background:var(--bg-secondary)}.notification-item.clickable:hover .notification-title,.notifications-footer a{color:var(--primary-600)}.notification-item.unread{background:var(--gold-bg)}.notification-icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;border-radius:var(--radius-md)}.notification-content{flex:1;min-width:0}.notification-title,.settings-header h3{font-weight:600;color:var(--text-primary)}.notification-title{font-size:.875rem;margin-bottom:3px;line-height:1.3}.notification-item.read .notification-title{font-weight:500;color:var(--text-secondary)}.notification-message{color:var(--text-secondary);font-size:.8125rem;line-height:1.45;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item.read .notification-message,.notification-time{color:var(--text-tertiary)}.notification-time{font-size:.75rem;font-weight:500}.notification-item.unread .notification-time{color:var(--primary-500)}.notification-dot{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;background:var(--primary-500);border-radius:var(--radius-full);box-shadow:0 0 0 3px var(--primary-100)}.notifications-empty,.notifications-loading{padding:48px 20px;text-align:center;color:var(--text-tertiary);font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:10px}.notifications-empty::before{content:"";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:400;font-size:2rem;opacity:.3}.notifications-footer{padding:12px 20px;border-top:1px solid var(--border-light);text-align:center}.notifications-footer a{text-decoration:none;font-size:.8125rem;font-weight:600;transition:color var(--duration-fast)}.notifications-footer a:hover{color:var(--primary-700)}@media (max-width:768px){.notifications-dropdown{position:fixed;top:76px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - 96px)}body:has(#top-notification.visible) .notifications-dropdown{top:132px}}.btn-settings,.settings-menu{transition:all var(--duration-fast)}.btn-settings{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:0 0;border:0;border-radius:var(--radius-md);color:var(--text-secondary);font-size:1.125rem;cursor:pointer}.btn-settings:hover{background:var(--primary-50);color:var(--text-primary)}.settings-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-10px);z-index:1000}.settings-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.settings-header{padding:16px 20px;border-bottom:1px solid var(--border-light)}.settings-header h3{margin:0;font-size:1rem}.settings-content{padding:16px 20px;max-height:calc(100vh - 200px);overflow-y:auto}.settings-item{margin-bottom:20px}.settings-item:last-child{margin-bottom:0}.settings-item label{display:block;margin-bottom:10px}.theme-option,.theme-switch{display:flex;gap:8px}.settings-item label,.theme-option{color:var(--text-secondary);font-size:.875rem;font-weight:500}.theme-option{flex:1;align-items:center;justify-content:center;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.theme-option:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.theme-option.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.theme-option i{font-size:1rem}.settings-select,.settings-select option{font-size:.875rem;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}.settings-select{width:100%;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 36px 10px 12px;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)}.settings-select option{padding:8px}.settings-select:hover{border-color:var(--primary-400)}.settings-select:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.flag-icon{display:inline-block;font-size:1.2em;line-height:1;margin-right:6px;vertical-align:middle;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}.settings-select .flag-icon{font-size:1.1em}[data-theme=dark] .settings-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.settings-divider{height:1px;background:var(--border-light);margin:16px 0}@media (min-width:769px){.settings-menu-nav{display:none}}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--duration-base)}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-dark);border-radius:var(--radius-full)}.toggle-slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--primary-100)}.toggle-switch:hover .toggle-slider{background-color:var(--primary-400)}.toggle-switch input:checked:hover+.toggle-slider{background-color:var(--primary-600)}.settings-logout,.settings-menu-item{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:var(--radius-md);font-size:.875rem;transition:all var(--duration-fast)}.settings-menu-item{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer}.settings-menu-item:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.settings-logout{background:rgba(255,69,58,.06);border:0;color:#ff453a;font-weight:500;text-decoration:none}.settings-logout:hover{background:rgba(255,69,58,.12);color:#ff453a}.client-main{flex:1;padding:32px;max-width:1600px;margin:0 auto;width:100%}.deadline-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));border:1px solid var(--primary-200);border-radius:var(--radius-lg);margin-bottom:32px;color:var(--primary-700)}.deadline-banner i{font-size:1.25rem}.deadline-banner.expired{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.08));border-color:rgba(239,68,68,.3);color:var(--red-600)}[data-theme=dark] .deadline-banner.expired{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:var(--red-400)}.empty-gallery{text-align:center;padding:80px 20px}.empty-gallery .empty-icon{width:120px;height:120px;margin:0 auto 24px;background:var(--bg-secondary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center}.empty-gallery .empty-icon i{font-size:3.5rem;color:var(--text-muted)}.empty-gallery h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 12px}.empty-gallery p{color:var(--text-secondary);margin:0}.client-stats-bar{display:flex;justify-content:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.stat-pill{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.stat-pill i{font-size:1rem;color:var(--text-tertiary)}.stat-pill .stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-pill .stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.stat-pill.gold i{color:var(--gold)}.stat-pill.green i{color:var(--success)}.finalize-section{text-align:center;margin-bottom:40px}.btn-finalize{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:2px solid #1e40af;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--duration-fast);box-shadow:0 4px 20px rgba(37,99,235,.4),0 0 0 4px rgba(37,99,235,.1);text-transform:uppercase;letter-spacing:.05em}.btn-finalize:hover{transform:translateY(-2px);background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 30px rgba(37,99,235,.5),0 0 0 4px rgba(37,99,235,.2)}.btn-finalize:active{transform:translateY(0)}.finalize-hint{color:var(--text-tertiary);font-size:.875rem;margin-top:12px}.finalize-hint.success,.selected-overlay i{color:var(--success)}.finalized-badge{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--success);color:#fff;border-radius:var(--radius-lg);font-size:1rem;font-weight:600}.client-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:28px;align-items:start}.gallery-card{background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-base) var(--ease-out)}.gallery-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.gallery-card.selected{border-color:var(--success);box-shadow:0 0 0 4px var(--success-bg),var(--shadow-md)}.gallery-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer}.gallery-card-image img{width:100%;height:100%;object-fit:cover;cursor:pointer}.card-badge,.selected-overlay{position:absolute;display:flex;align-items:center;pointer-events:none}.card-badge{top:14px;right:14px;z-index:20;gap:6px;padding:8px 14px;background:var(--gold);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);box-shadow:0 4px 12px rgba(41,151,255,.25)}.selected-overlay{inset:0;background:rgba(91,154,111,.2);justify-content:center}.selected-overlay i{font-size:3rem;filter:drop-shadow(0 4px 12px rgba(91,154,111,.5))}.gallery-card-footer{padding:16px 20px;background:var(--bg-secondary);display:flex;justify-content:center;align-items:flex-start}.select-btn,.select-status{display:flex;align-items:center;gap:10px;padding:12px 28px;font-size:.9375rem;font-weight:600}.select-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.select-btn:hover{border-color:var(--primary-400);color:var(--primary-600)}.select-btn.active{background:var(--success);border-color:var(--success);color:#fff}.client-footer,.select-status{color:var(--text-muted)}.select-status.selected{color:var(--success)}.client-footer{text-align:center;padding:24px;border-top:1px solid var(--border-light);font-size:.875rem}.client-footer-made-with{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.04);color:var(--text-muted);text-decoration:none;font-size:.8125rem;line-height:1;transition:background .15s ease,color .15s ease}.client-footer-made-with:focus-visible,.client-footer-made-with:hover{background:rgba(0,0,0,.08);color:var(--near-black, #111)}.client-footer-made-with-label{opacity:.75}.client-footer-made-with-brand{font-weight:600;letter-spacing:-.01em}.referrals-card,.referrals-info{background:var(--surface, #fff);border:1px solid var(--border-light, #e5e5e7);border-radius:16px;padding:24px 28px;margin-bottom:24px}.referrals-card-title,.referrals-info h3{margin:0 0 8px;font-size:1.25rem;font-weight:600}.referrals-info h3{font-size:1rem}.referrals-card-desc,.referrals-info p{margin:0 0 20px;color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.referrals-info p{margin:0}.referrals-link-row{display:flex;gap:8px;margin-bottom:16px}.referrals-link-input{flex:1;padding:12px 14px;border:1px solid var(--border-light, #e5e5e7);border-radius:10px;background:var(--surface-muted, #f5f5f7);font-family:ui-monospace,Menlo,monospace;font-size:.875rem;color:var(--near-black, #111)}.referrals-share-row{display:flex;flex-wrap:wrap;gap:8px}.referrals-share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--surface-muted, #f5f5f7);color:var(--near-black, #111);text-decoration:none;font-size:.875rem;font-weight:500;transition:background .15s ease}.referrals-share-btn:hover{background:#e8e8ec}.referrals-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.referrals-stat-card{background:var(--surface, #fff);border:1px solid var(--border-light, #e5e5e7);border-radius:16px;padding:24px;text-align:center}.referrals-stat-card--highlight{background:linear-gradient(135deg,#2997ff 0,#0061d5 100%);color:#fff;border-color:transparent}.referrals-stat-value{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1}.referrals-stat-label{margin-top:8px;font-size:.875rem;color:var(--text-secondary)}.referrals-stat-card--highlight .referrals-stat-label{color:rgba(255,255,255,.85)}.btn-sidebar-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-right:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:background var(--duration-smooth) var(--ease-smooth),border-color var(--duration-smooth) var(--ease-smooth),color var(--duration-smooth) var(--ease-smooth),transform var(--duration-smooth) var(--ease-smooth);flex-shrink:0}.btn-sidebar-toggle:hover{background:var(--primary-100);border-color:var(--primary-400);color:var(--primary-600)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-smooth) var(--ease-smooth),visibility var(--duration-smooth) var(--ease-smooth)}.sidebar-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}@media (max-width:1024px){.btn-sidebar-toggle{display:flex}.topbar-left{flex-direction:row;align-items:center;gap:12px}.admin-sidebar{transform:translateX(-100%);transition:transform var(--duration-smooth) var(--ease-in-out-smooth);box-shadow:none}.admin-sidebar.open{transform:translateX(0);box-shadow:var(--shadow-xl)}.admin-main{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.inline-form .form-row{grid-template-columns:1fr}.profile-header{flex-wrap:wrap}.profile-stats{gap:24px;justify-content:center}.profile-controls{flex-direction:column;gap:16px}}@media (max-width:768px){.admin-layout{overflow-x:hidden;max-width:100vw}.admin-content,.admin-main{min-width:0;max-width:100%;overflow-x:hidden}.admin-content{padding:20px}.admin-topbar{min-width:0;flex-wrap:wrap;gap:12px;padding-left:16px;padding-right:16px}.topbar-left{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;flex:1}.profile-controls .control-item .control-label,.topbar-right{flex-shrink:0}.btn-sidebar-toggle{display:none!important}.clients-grid,.stats-grid{grid-template-columns:1fr}.client-profile-card,.content-section{min-width:0;max-width:100%;box-sizing:border-box}.client-profile-card{padding:0}.content-section{padding:20px}.profile-controls{flex-wrap:wrap;gap:16px;padding:16px 20px}.profile-controls .control-item{min-width:0;flex-wrap:wrap}.upload-actions{flex-wrap:wrap;gap:12px;justify-content:flex-start}.upload-actions .btn{min-width:0}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.profile-header,.section-header{flex-direction:column;align-items:flex-start}.search-box input{width:100%}.profile-header{gap:16px;padding:20px}.profile-info{width:100%;min-width:0;overflow:hidden}.profile-email,.profile-name{word-wrap:break-word;overflow-wrap:break-word}.profile-name{font-size:1.25rem}.profile-email{font-size:.875rem}.profile-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 12px;padding:20px 16px;justify-content:stretch}.profile-stat{min-width:0}.profile-stat-value{font-size:1.5rem}.profile-stat-label{text-align:center}.topbar-right{gap:8px}.owner-table-wrap{display:none!important}.owner-cards-wrap{display:block!important}body.owner-panel .btn-sidebar-toggle{display:flex!important}body.owner-panel .admin-content>.card{padding:16px 14px}body.owner-panel .admin-content>.card .card-header{margin-bottom:14px}body.owner-panel .admin-content>.card .card-header h3{font-size:1rem}body.owner-panel .page-title{font-size:1.25rem}body.owner-panel .page-subtitle{font-size:.8125rem}.owner-card-header-with-search{flex-direction:column;align-items:stretch}.owner-search-form{width:100%;flex-direction:row;flex-wrap:nowrap}.owner-search-input{flex:1;min-width:0}}@media (max-width:480px){.owner-card-form{align-items:stretch}.owner-card-form,.owner-card-form-row{flex-direction:column}.owner-card-btn{width:100%}.photos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.profile-stats{gap:14px 10px;padding:18px 14px}.profile-stat-value{font-size:1.375rem}}@media (max-width:768px){.client-topbar{flex-direction:column;gap:16px;padding:16px 20px}.topbar-user{width:100%;justify-content:space-between}.client-main{padding:20px}.client-stats-bar{flex-direction:column;align-items:center}.stat-pill{width:100%;max-width:300px;justify-content:center}.client-gallery{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.brand-text,.btn-logout span,.user-info{display:none}.settings-menu{position:fixed;top:16px;left:16px;right:16px;width:auto;max-width:none}}.lang-switcher{position:fixed;top:24px;right:24px;z-index:1000;display:flex;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px;box-shadow:var(--shadow-md)}.lang-btn,.topbar-lang-switcher select{border:0;background:0 0;color:var(--text-secondary);font-weight:500;cursor:pointer}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);transition:all var(--duration-fast);font-size:.8125rem}.lang-btn:hover{background:var(--primary-100);color:var(--primary-600)}.lang-btn.active{background:var(--primary-500);color:#fff}.lang-flag{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:1.125rem;line-height:1;display:inline-block;vertical-align:middle}.lang-code{font-weight:600}.topbar-lang-switcher{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.topbar-lang-switcher select{font-size:.875rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235C5C5C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;padding:0 20px 0 0}.topbar-lang-switcher select:focus{outline:0}@media (max-width:768px){.lang-switcher{top:8px;right:8px;gap:2px;padding:2px;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.1)}.lang-btn{padding:6px 8px;font-size:.75rem;min-width:auto}.lang-flag{font-size:1rem}.lang-code{display:none}}@media (max-width:480px){.lang-switcher{top:6px;right:6px;gap:1px;padding:2px}.lang-btn{padding:5px 6px}.lang-flag{font-size:.9rem}}.tags-description{color:var(--text-secondary);font-size:.9375rem;margin-bottom:24px;padding:0 4px}.tags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;margin-bottom:28px}.tag-checkbox-label,.tag-item{display:flex;align-items:center}.tag-item{justify-content:space-between;gap:8px;padding:10px 14px;border-radius:var(--radius-md);transition:background var(--duration-fast)}.album-tags-menu label:hover,.tag-item:hover{background:var(--bg-secondary)}.tag-checkbox-label{gap:10px;cursor:pointer;flex:1;min-width:0}.tag-checkbox{width:18px;height:18px;accent-color:var(--primary-500);cursor:pointer;flex-shrink:0}.tag-name{font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-delete-btn{background:0 0;border:0;color:var(--text-tertiary);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm, 4px);font-size:.8125rem;opacity:0;transition:opacity var(--duration-fast),color var(--duration-fast);flex-shrink:0}.tag-item:hover .tag-delete-btn{opacity:1}.tag-delete-btn:hover{color:var(--error, #e53e3e)}.tags-add-section{padding-top:8px}.btn-add-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:2px dashed var(--border);border-radius:50px;background:0 0;color:var(--primary-500);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.btn-add-tag:hover{border-color:var(--primary-500);background:var(--bg-secondary)}.tag-add-form{display:flex;align-items:center;gap:8px}.tag-add-input{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;width:220px;outline:0;transition:border-color var(--duration-fast)}.tag-add-input:focus{border-color:var(--primary-500)}.btn-sm{padding:8px 12px;font-size:.8125rem}.tags-pro-gate{text-align:center;padding:48px 24px}.pro-gate-icon{font-size:2.5rem;color:var(--text-tertiary);margin-bottom:16px}.tags-pro-gate h3{font-size:1.125rem;margin-bottom:8px}.tags-pro-gate p{color:var(--text-secondary);margin-bottom:20px;font-size:.9375rem}.album-tags-selector{position:relative}.album-tags-dropdown{position:relative;display:inline-block}.album-tags-input-wrap{position:relative;display:inline-flex;align-items:center}.album-tags-input-caret,.album-tags-input-icon{position:absolute;color:var(--text-secondary);pointer-events:none}.album-tags-input-icon{left:12px;font-size:.8125rem}.album-tags-input-caret{right:12px;font-size:.65rem;transition:transform var(--duration-fast)}.album-tags-selector:has(.album-tags-menu.open) .album-tags-input-caret{transform:rotate(180deg)}.album-tags-search{width:220px;max-width:100%;padding:7px 32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.8125rem;transition:border-color var(--duration-fast)}.album-tags-search:hover{border-color:var(--primary-500)}.album-tags-search:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100, rgba(59,130,246,0.12))}.album-tags-menu{position:absolute;bottom:calc(100% + 4px);left:0;min-width:220px;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px 0;z-index:100;display:none}.album-tags-menu.open{display:block}.album-tags-empty{padding:10px 14px;font-size:.8125rem;color:var(--text-secondary);text-align:center}.album-tags-menu label{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:.875rem;transition:background var(--duration-fast)}.album-tags-menu label[hidden]{display:none}.album-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--primary-100, rgba(59,130,246,0.1));color:var(--primary-600, #2563eb);border-radius:50px;font-size:.75rem;font-weight:500}.album-tags-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag-filter-select{padding:6px 32px 6px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.8125rem;cursor:pointer;max-width:250px}@media (max-width:900px){.tags-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tags-grid{grid-template-columns:1fr}.tag-delete-btn{opacity:1}}