.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.loading-spinner{display:inline-block;position:relative}.loading-spinner--small{width:24px;height:24px}.loading-spinner--medium{width:40px;height:40px}.loading-spinner--large{width:56px;height:56px}.loading-spinner div{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--button-filled-color, #4b4f58);animation:spinner-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner div:nth-child(1){animation-delay:-.45s}.loading-spinner div:nth-child(2){animation-delay:-.3s}.loading-spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-message{color:#888;font-size:.9rem}.header-logout-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--menu-text-color);background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.header-logout-btn:hover{background:#fff3;color:#fff;transform:scale(1.05)}.header-logout-btn svg{width:20px;height:20px}.mobile-logout-btn{color:var(--mobile-menu-text-color);background:none;border:none;font-family:inherit;font-size:clamp(1rem,3vh,1.8rem);font-weight:300;margin:clamp(.2rem,.8vh,.6rem) 0;cursor:pointer;transition:color .3s ease;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-logout-btn:hover{color:#fff}.app-footer{background-color:var(--menu-bg-color, #363636);color:#ffffff80;font-size:.8rem;padding:1rem 0;margin-top:auto}.app-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-footer-links{display:flex;gap:1.5rem}.app-footer-links a{color:#ffffff80;text-decoration:none;transition:color .2s}.app-footer-links a:hover{color:#fff}@media(max-width:480px){.app-footer-inner{flex-direction:column;align-items:flex-start}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header-bar{background-color:var(--menu-bg-color)}.app-main{flex:1;display:flex;flex-direction:column}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:#f7f7f7}.auth-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:460px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:1.5rem}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:.2rem}.auth-logo-text{font-size:1.2rem;font-weight:600;color:var(--button-filled-color);letter-spacing:.5px}.auth-logo svg{display:block}.auth-title{font-size:1.5rem;font-weight:300;color:#333;text-align:center}.auth-description{text-align:center;color:#666;margin:-.5rem 0 .5rem;font-size:.9rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-actions{display:flex;justify-content:flex-end}.auth-link-small{font-size:.85rem;color:#888;text-decoration:none}.auth-link-small:hover{color:var(--button-filled-color);text-decoration:underline}.auth-submit{width:100%;justify-content:center;padding:.75rem;font-size:1rem}.auth-footer{text-align:center;font-size:.875rem;color:#888}.auth-footer a{color:var(--button-filled-color);font-weight:500}.auth-legal{text-align:center;font-size:.78rem;color:#aaa;line-height:1.5}.auth-legal a{color:#888;text-decoration:underline}.auth-legal a:hover{color:var(--button-filled-color)}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.name-fields>.form-group{min-width:0}.dashboard-page{display:flex;flex-direction:column;flex:1}.dashboard-container{flex:1;padding:2.5rem 1.25rem 2rem;margin:0 auto}.dashboard-funny-section{display:flex;align-items:center;gap:1rem;padding:1rem 1.6rem;margin-bottom:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#888;font-size:.9rem;font-style:italic;line-height:1.5}.dashboard-funny-section .funny-emoji{font-size:1.8rem;flex-shrink:0}.dashboard-funny-section p{margin:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-size:2rem;font-weight:300;color:var(--text-color, #333);margin:0}.dashboard-header-right{display:flex;align-items:center;gap:1rem}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.logout-button:hover{background:#f5f5f5;border-color:#ccc;color:#333}.logout-button svg{width:18px;height:18px}.role-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.role-badge.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-badge.artist{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.dashboard-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--primary-brand-color, #333)}.card-icon svg{width:100%;height:100%}.dashboard-card h3{font-size:1.25rem;font-weight:500;margin-bottom:.5rem;color:#333}.dashboard-card p{color:#666;margin:0;font-size:.95rem}.admin-card .card-icon{color:#667eea}.stats-card{cursor:default}.stats-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.stat-item:last-child{border-bottom:none}.stat-label{font-weight:500;color:#666;font-size:.9rem}.stat-value{font-weight:500;color:#333}.stat-value.active{color:#10b981}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:1.5rem}.dashboard-header-right{width:100%;justify-content:space-between}.logout-button{padding:.5rem 1rem;font-size:.85rem}.dashboard-grid{grid-template-columns:1fr}}.dash-page-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.dash-page-back-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--primary-brand-color);text-decoration:none;font-size:.875rem;font-weight:500;width:fit-content;transition:opacity .2s}.dash-page-back-link:hover{opacity:.75;text-decoration:underline}.dash-page-back-link svg{width:16px;height:16px;flex-shrink:0}.dash-page-title{display:none}.dropdown-container{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;color:var(--font-color, inherit);font-size:.9rem;cursor:pointer;text-align:left;transition:border-color .2s;min-height:2.5rem;background:var(--bg-primary, #fff)}.dropdown-trigger:hover:not(:disabled),.dropdown-trigger--open{border-color:var(--button-filled-color, #888)}.dropdown-trigger:disabled,.dropdown-disabled{opacity:.6;cursor:not-allowed}.dropdown-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-placeholder{color:var(--secondary-text-color, #888)}.dropdown-chevron{width:16px;height:16px;flex-shrink:0;margin-left:.5rem;transition:transform .2s;color:var(--secondary-text-color, #888)}.dropdown-trigger--open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #444);border-radius:6px;padding:.4rem 0;box-shadow:0 4px 16px #00000059;max-height:220px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .85rem;margin:0;cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none;transition:all .15s ease;width:100%;border:none;background:none;text-align:left;color:var(--font-color, inherit);border-left:2px solid transparent}.dropdown-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));border-left-color:var(--button-filled-color, #888);padding-left:.75rem}.dropdown-item--selected{background:var(--hover-bg, rgba(255, 255, 255, .08));font-weight:500}.dropdown-item--selected:hover{background:var(--hover-bg, rgba(255, 255, 255, .14))}.dropdown-item input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--button-filled-color, #666);flex-shrink:0;vertical-align:middle;margin-right:.5rem}.dropdown-empty{padding:.5rem .85rem;color:var(--secondary-text-color, #888);font-size:.85rem}.projects-container{padding:2rem 0}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.projects-filter,.projects-filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.projects-filter label,.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #666);white-space:nowrap}.projects-filter select,.filter-group select{padding:.5rem 1rem;border:1px solid var(--border-color, #ddd);border-radius:.5rem;font-size:.875rem;background:var(--bg-primary, white);color:var(--text-primary, #333);cursor:pointer}.projects-loading,.projects-error{text-align:center;padding:2rem;color:var(--text-secondary, #666)}.projects-error{color:var(--error-color, #dc3545)}.projects-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #666)}.projects-empty svg{width:4rem;height:4rem;margin:0 auto 1rem;opacity:.3}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.projects-section-divider{display:flex;align-items:center;gap:1rem;margin:3.5rem 0 1.5rem;color:var(--text-secondary, #888);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.projects-section-divider:before,.projects-section-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #ddd)}.project-card{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #ddd);border-radius:.75rem;padding:1.5rem;text-decoration:none;color:var(--text-primary, #333);transition:all .2s ease;display:flex;flex-direction:column;gap:1rem;text-align:left}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color, #0066cc)}.project-card-header{display:flex;justify-content:space-between;align-items:center}.project-card-icon{width:2.5rem;height:2.5rem;background:var(--primary-brand-color);color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.project-card-icon svg{width:1.5rem;height:1.5rem}.project-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.project-card-body{min-height:140px;display:flex;flex-direction:column}.project-card-body h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary, #333)}.project-description{font-size:.875rem;color:var(--text-secondary, #666);margin:0 0 .5rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.625rem}.project-client{font-size:.875rem;color:var(--text-secondary, #666);margin:0}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:auto;border-top:1px solid var(--border-color, #ddd);font-size:.75rem;color:var(--text-secondary, #666)}.project-mix-count{display:flex;align-items:center;gap:.25rem;font-weight:500}.project-mix-count svg{width:1rem;height:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding:1rem;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #ddd)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.modal-form input,.modal-form textarea,.modal-form select{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:.5rem;font-size:.875rem;font-family:inherit}.waveform-player{transition:box-shadow .3s ease,border-radius .3s ease;padding:3rem 0rem 4rem}.waveform-player.fullwidth{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;background-color:#fff;padding:3rem 1rem 4rem}.waveform-player.fullwidth.sticky{position:fixed;top:0;left:0;right:0;margin:0;z-index:1000;box-shadow:0 4px 20px #00000040}.waveform-player-placeholder{height:280px;width:100%}.waveform-container{position:relative;background:#fff;border-radius:8px;transition:box-shadow .2s;cursor:pointer;touch-action:none}.waveform{width:100%}.waveform-wrapper{position:relative;width:100%;border-radius:4px}.waveform{width:100%;position:relative}.timeline-markers{position:absolute;bottom:-22px;left:0;right:0;height:18px;pointer-events:none;z-index:15}.timeline-marker{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px}.timeline-tick{width:1px;height:6px;background:#d1d5db}.timeline-label{font-size:.68rem;color:#9ca3af;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;-webkit-user-select:none;user-select:none}.comment-markers-overlay{position:absolute;bottom:-56px;left:0;right:0;height:24px;pointer-events:none;z-index:20}.comment-marker{position:absolute;width:24px;height:24px;transform:translate(-50%);cursor:pointer;pointer-events:auto;transition:all .2s ease;color:#6b7280;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.comment-marker:hover{transform:translate(-50%) scale(1.15);filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.comment-marker svg{width:100%;height:100%;display:block}.waveform-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:.9rem}.waveform-no-audio{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#bbb;font-size:.9rem;white-space:nowrap}.waveform-tooltip{position:fixed;background:#000000d9;color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1000;transform:translate(-50%);white-space:nowrap;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.waveform-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.85)}.comment-tooltip{position:absolute;background:#fff;border:2px solid #9333ea;border-radius:8px;box-shadow:0 4px 12px #9333ea33,0 2px 4px #0000001a;padding:0;font-size:.9rem;pointer-events:none;z-index:1001;transform:translate(-50%) translateY(10px);max-width:300px;animation:fadeInDown .2s ease-out}.comment-tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#f3e8ff;border-bottom:1px solid #e9d5ff;border-radius:6px 6px 0 0;padding:.5rem .75rem}.comment-author{font-weight:600;color:#6b21a8;font-size:.85rem}.comment-time{font-size:.75rem;color:#9333ea;background:#fff;padding:.15rem .5rem;border-radius:12px;font-variant-numeric:tabular-nums;font-weight:500}.comment-tooltip-text{padding:.75rem;color:#374151;line-height:1.5;max-height:120px;overflow-y:auto}.comment-tooltip:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #9333ea}.comment-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(0)}to{opacity:1;transform:translate(-50%) translateY(10px)}}.waveform-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:1100;background:#1c1c1e;border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom);overflow:visible}.bottom-bar-seek{height:4px;background:#ffffff1a;cursor:pointer;position:relative;transition:height .12s ease;touch-action:none}.bottom-bar-seek:hover,.bottom-bar-seek.dragging{height:7px}.bottom-bar-seek.dragging{cursor:grabbing}.bottom-bar-seek-track{position:relative;width:100%;height:100%}.bottom-bar-seek-hover{position:absolute;left:0;top:0;height:100%;background:#e8a6414d;pointer-events:none}.bottom-bar-seek-fill{position:absolute;left:0;top:0;height:100%;background:var(--primary-brand-color, #e8a641);pointer-events:none;z-index:1}.waveform-bottom-bar-inner{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}.waveform-bottom-bar.fullwidth .waveform-bottom-bar-inner{max-width:none;padding:0}.waveform-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 0}.waveform-bottom-bar.fullwidth .waveform-bottom-bar-inner .waveform-controls{padding-left:1rem;padding-right:1rem}.waveform-bottom-bar .waveform-bottom-bar-inner .control-btn{background:transparent;border-color:#ffffff26;color:#d4d4d4}.waveform-bottom-bar .waveform-bottom-bar-inner .control-btn:hover:not(:disabled){border-color:var(--primary-brand-color, #e8a641);color:var(--primary-brand-color, #e8a641)}.waveform-bottom-bar .waveform-bottom-bar-inner .time-display{color:#d4d4d4}.waveform-bottom-bar .waveform-bottom-bar-inner .time-separator{color:#777}.waveform-bottom-bar .waveform-bottom-bar-inner .volume-control svg{color:#d4d4d4}.waveform-bottom-bar .waveform-bottom-bar-inner .volume-value{color:#d4d4d4}.waveform-bottom-bar .waveform-bottom-bar-inner .volume-slider{background:#ffffff26}.control-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:2px solid #ddd;border-radius:8px;padding:.6rem 1rem;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500;color:#333}.control-btn:hover:not(:disabled){border-color:var(--primary-brand-color, #e8a641);color:var(--primary-brand-color, #e8a641)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn svg{width:20px;height:20px}.play-pause{padding:.5rem}.play-pause svg{width:27px;height:27px}.time-display{display:flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;font-size:.9rem;color:#666;min-width:100px}.time-separator{color:#999}.volume-control{display:flex;align-items:center;gap:.5rem;flex:1;min-width:150px;max-width:200px;position:relative}.volume-icon-btn{display:none;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:.45rem;color:#d4d4d4;flex-shrink:0}.volume-icon-btn svg{width:20px;height:20px;display:block}.volume-slider-wrap{display:contents}.volume-control svg:not(.volume-icon-btn svg){width:20px;height:20px;color:#666;flex-shrink:0}.volume-slider{flex:1;height:4px;border-radius:2px;background:#ddd;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-value{font-size:.85rem;color:#666;min-width:38px;text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-brand-color, #e8a641);cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-brand-color, #e8a641);cursor:pointer;border:none}.highlight-mode-btn{padding:.7rem;margin-left:auto;opacity:.45;transition:opacity .15s}.controls-right{display:contents}.highlight-mode-btn.active{opacity:1;color:var(--primary-brand-color, #e8a641);border-color:var(--primary-brand-color, #e8a641)}.highlight-mode-btn svg{width:20px;height:20px}.tooltip-toggle-btn{padding:.7rem;margin-left:0;opacity:.45;transition:opacity .15s}.tooltip-toggle-btn.active{opacity:1}.tooltip-toggle-btn svg{width:20px;height:20px}.fullwidth-btn{padding:.7rem;margin-left:0}.fullwidth-btn svg{width:20px;height:20px}@media(max-width:768px){.waveform-bottom-bar{margin-left:1rem;margin-right:1rem;bottom:10px;background-color:transparent}.waveform-bottom-bar .waveform-bottom-bar-inner{border-radius:30px;background-color:#1c1c1e}.bottom-bar-seek{bottom:20px;margin-top:-14px;background-color:#333;height:10px;border-radius:10px;margin-left:1rem;margin-right:1rem}.bottom-bar-seek-fill,.bottom-bar-seek-track{border-radius:10px}.bottom-bar-seek:hover,.bottom-bar-seek.dragging{height:15px}.waveform-bottom-bar .waveform-bottom-bar-inner .waveform-controls{flex-wrap:nowrap;gap:0;align-items:center;justify-content:space-between}.waveform-bottom-bar .waveform-bottom-bar-inner .control-btn{border:none;background:transparent;padding:.45rem;border-radius:20px;min-width:unset}.waveform-bottom-bar .waveform-bottom-bar-inner .control-btn svg{width:18px;height:18px}.waveform-bottom-bar .waveform-bottom-bar-inner .play-pause svg{width:26px;height:26px}.waveform-bottom-bar .waveform-bottom-bar-inner .time-display{order:1;flex:1;font-size:.9rem;font-weight:600;min-width:unset;white-space:nowrap;gap:.2rem}.waveform-bottom-bar .waveform-bottom-bar-inner .play-pause{order:2;flex-shrink:0;background-color:var(--primary-brand-color, #e8a641)}.waveform-bottom-bar .waveform-bottom-bar-inner .controls-right{order:3;flex:1;display:flex;align-items:center;gap:0;justify-content:flex-end;margin-left:0}.waveform-bottom-bar .waveform-bottom-bar-inner .volume-control{display:none}.waveform-bottom-bar .waveform-bottom-bar-inner .volume-control>svg{display:none}.volume-value{display:none}.waveform-bottom-bar .waveform-bottom-bar-inner .highlight-mode-btn{margin-left:0}.tooltip-toggle-btn,.fullwidth-btn{display:none}.waveform-tooltip{font-size:.95rem;padding:.5rem 1rem;background:#000000e6}.comment-tooltip{display:none}}.user-avatar{border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:stretch}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#b1b1b1,#5c5c5c);color:#fff;font-weight:600;font-size:0inherit;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.user-avatar__placeholder--admin{background:linear-gradient(135deg,#667eea,#764ba2)}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;width:90%;overflow:hidden;animation:confirmModalSlideIn .2s ease-out}@keyframes confirmModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.confirm-modal-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.confirm-modal-body{padding:1.5rem;color:#6b7280;line-height:1.6}.confirm-modal-body p{margin:0}.confirm-modal-footer{padding:1rem 1.5rem;background:#f9fafb;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.confirm-modal-btn-cancel,.confirm-modal-btn-confirm{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.confirm-modal-btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.confirm-modal-btn-cancel:hover{background:#f3f4f6}.confirm-modal-btn-confirm{background:#3b82f6;color:#fff}.confirm-modal-btn-confirm:hover{background:#2563eb}.confirm-modal-btn-danger{background:#ef4444}.confirm-modal-btn-danger:hover{background:#dc2626}@media(max-width:480px){.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn-cancel,.confirm-modal-btn-confirm{width:100%;text-align:center}}.mixreview-container{padding:2rem 0;max-width:800px}.back-link{color:var(--primary-brand-color);text-decoration:none;font-size:.95rem;display:inline-block;margin-bottom:1.5rem;transition:opacity .2s}.back-link:hover{opacity:.7}.mixreview-loading,.mixreview-error{padding:3rem;text-align:center;color:#666}.mixreview-error{color:#e53e3e}.mixreview-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.header-info{flex:1;text-align:left}.mixreview-header h1{margin:0 0 .5rem;font-size:1.8rem;line-height:1.2;text-align:left}.mixreview-project{margin:0 0 .5rem;color:#6b7280;font-size:.95rem;font-weight:500}.mixreview-project a{color:#2563eb;text-decoration:none;transition:color .2s}.mixreview-project a:hover{color:#1d4ed8;text-decoration:underline}.mixreview-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0;margin:0;font-size:.85rem;color:#9ca3af}.meta-item{white-space:nowrap}.meta-sep{display:inline;white-space:pre}.mixreview-file-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 0}.mixreview-file-meta span{font-size:.75rem;font-weight:600;color:#9ca3af;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.15rem .5rem;letter-spacing:.03em}.header-actions{display:flex;gap:1rem;align-items:center}.status-dropdown{display:inline-block;padding:.5rem 2.2rem .5rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:none;letter-spacing:0;white-space:nowrap;border:none;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .7rem center;background-size:14px}.status-dropdown::-ms-expand{display:none}.status-dropdown:disabled{opacity:.7;cursor:not-allowed}.status-dropdown.status-pending{background-color:#fff3cd;color:#856404;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23856404' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:14px}.status-dropdown.status-approved{background-color:#d1fae5;color:#065f46;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23065f46' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:14px}.status-dropdown.status-revision{background-color:#fee2e2;color:#991b1b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23991b1b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:14px}.status-dropdown:hover:not(:disabled){opacity:.85;transform:scale(1.02)}.status-dropdown option{background:#fff;color:#374151;padding:.75rem 1rem;text-transform:none;font-weight:500;font-size:.9rem}.mixreview-player{margin-bottom:1.5rem}.mixreview-player h2,.mixreview-notes h2,.mixreview-history h2{font-size:1.1rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;color:#555;text-align:left}.audio-player{width:100%;margin-bottom:1rem;border-radius:8px}.download-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#6b7280;padding:.5rem;border-radius:6px;text-decoration:none;transition:all .2s;cursor:pointer}.download-button:hover{background:#f3f4f6;color:#111827}.download-button svg{width:20px;height:20px}.mixreview-notes{text-align:left;margin-top:2rem;margin-bottom:4rem}.mixreview-notes p{margin:0;line-height:1.6;text-align:left}.mixreview-feedback-form{margin-bottom:4rem;text-align:left}.timestamp-indicator{display:flex;align-items:center;gap:.5rem;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.9rem;color:#92400e}.timestamp-indicator svg{width:18px;height:18px;flex-shrink:0}.timestamp-indicator span{flex:1;font-weight:500}.remove-timestamp{background:none;border:none;color:#92400e;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.remove-timestamp:hover{background:#92400e1a}.mixreview-feedback-form textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:.95rem;font-family:inherit;resize:vertical;box-sizing:border-box;transition:border-color .2s}.mixreview-feedback-form textarea:focus{outline:none;border-color:var(--primary-brand-color)}.tag-selector{margin:1rem 0}.tag-selector-label{display:block;font-size:.9rem;color:#374151;margin-bottom:.75rem;font-weight:500}.tag-category-label{font-size:.8rem;color:#6b7280;margin-top:.75rem;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.tag-category-label:first-of-type{margin-top:0}.tag-options{display:flex;flex-wrap:wrap;gap:.5rem}.tag-options .tag-badge{padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background:transparent}.tag-options .tag-badge:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.tag-options .tag-badge:disabled{opacity:.5;cursor:not-allowed}.tag-options .tag-badge.selected{font-weight:600}.btn-add-timecode{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#374151;cursor:pointer;transition:all .2s}.btn-add-timecode svg{width:16px;height:16px}.btn-add-timecode:hover:not(:disabled){background:#f3f4f6;border-color:var(--primary-brand-color);color:var(--primary-brand-color)}.btn-add-timecode:disabled{opacity:.5;cursor:not-allowed}.feedback-error{color:#e53e3e;font-size:.875rem;margin:.5rem 0}.feedback-actions{display:flex;gap:.75rem;margin-top:0rem;flex-wrap:wrap;align-items:center}.feedback-actions .btn-add-timecode{margin-left:auto}.feedback-actions button{padding:.6rem 1.2rem;border-radius:6px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s,transform .1s}.feedback-actions button:disabled{opacity:.5;cursor:not-allowed}.feedback-actions button:not(:disabled):hover{opacity:.85}.feedback-actions button:not(:disabled):active{transform:scale(.97)}.btn-comment{background:#f3f4f6;color:#374151}.mixreview-history{margin-bottom:3rem}.no-feedback{color:#999;font-style:italic}.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.feedback-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;transition:all .2s;overflow:visible}.feedback-item:hover{box-shadow:0 2px 8px #0000000f;border-color:#d1d5db}.feedback-item-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.feedback-item.selected{border-color:var(--primary-brand-color, #e8a641);box-shadow:0 0 0 3px #e8a6411a}.feedback-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1}.feedback-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.feedback-avatar img{width:100%;height:100%;object-fit:cover}.feedback-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:600;font-size:.875rem}.feedback-avatar .avatar-placeholder.role-admin{background:linear-gradient(135deg,#667eea,#764ba2)}.feedback-meta strong{font-size:.95rem;color:#111827}.feedback-timestamp{display:inline-flex;align-items:center;gap:.35rem;background:#f9fafb;border:1px solid #e5e7eb;color:#000;padding:.25rem .7rem;border-radius:14px;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:all .2s ease}.feedback-timestamp:hover{background:#fde68a;border-color:#fbbf24;transform:translateY(-1px)}.feedback-timestamp svg{width:13px;height:13px}.feedback-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .6rem;border-radius:12px}.feedback-meta time{font-size:.8rem;color:#9ca3af;font-variant-numeric:tabular-nums}.feedback-item p{margin:0;font-size:.95rem;line-height:1.7;color:#374151;padding:1rem 1.25rem}.feedback-tags-container{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 1.25rem;border-top:1px solid #f3f4f6}.feedback-tags{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.feedback-tags .tag-badge{padding:.35rem .8rem;border-radius:6px;font-size:.8rem;font-weight:500;box-shadow:0 1px 2px #0000000d}.btn-edit-tags{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;padding:.45rem .5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-edit-tags svg{width:15px;height:15px;color:#6b7280}.btn-edit-tags:hover{background:#dbeafe;border-color:#3b82f6}.btn-edit-tags:hover svg{color:#1d4ed8}.tag-edit-section{padding:1rem 1.25rem 1.25rem;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px}.tag-edit-section .tag-selector{margin:0}.edit-field{margin-bottom:.85rem}.edit-field-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:.35rem}.edit-comment-textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.6rem .75rem;font-size:.9rem;font-family:inherit;color:#111827;background:#fff;resize:vertical;box-sizing:border-box}.edit-comment-textarea:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 2px #3b82f61a}.edit-timecode-input{border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;font-variant-numeric:tabular-nums;font-family:inherit;width:110px;color:#111827;background:#fff}.edit-timecode-input:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 2px #3b82f61a}.edit-timecode-row{display:flex;align-items:center;gap:.5rem}.btn-use-current-time{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-variant-numeric:tabular-nums;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-use-current-time svg{width:14px;height:14px;flex-shrink:0}.btn-use-current-time:hover{background:#f3f4f6;border-color:var(--primary-brand-color);color:var(--primary-brand-color)}.tag-edit-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-save-tags,.btn-cancel-tags{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-save-tags{background:var(--primary-brand-color);color:#fff}.btn-save-tags:hover{opacity:.9}.btn-cancel-tags{background:transparent;border:1px solid #d1d5db;color:#6b7280}.btn-cancel-tags:hover{background:#f3f4f6}.feedback-section{margin-bottom:3rem}.mixreview-feedback-form h2,.feedback-section h2{font-size:1.1rem;margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.08em;color:#374151;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.feedback-subsection-title{font-size:.95rem;margin:3rem 0;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.resolved-section h2{color:#6b7280;border-bottom-color:#d1d5db}.feedback-item.resolved{opacity:.65}.feedback-item.resolved .feedback-item-header{background:#fafafa}.btn-resolve,.btn-unresolve{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.85rem;color:#374151;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-resolve svg,.btn-unresolve svg{width:15px;height:15px}.btn-resolve:hover{background:#d1fae5;border-color:#10b981;color:#065f46}.btn-unresolve:hover{background:#fef3c7;border-color:#fbbf24;color:#92400e}.feedback-actions .btn-delete{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:inherit;font-weight:inherit;cursor:pointer;transition:all .2s;flex-shrink:0;opacity:1}.feedback-actions .btn-delete svg{width:16px;height:16px;color:#6b7280}.feedback-actions .btn-delete:hover{background:#fee2e2;border-color:#ef4444;opacity:1}.feedback-actions .btn-delete:hover svg{color:#991b1b}.feedback-actions .btn-edit{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:inherit;font-weight:inherit;cursor:pointer;transition:all .2s;flex-shrink:0;opacity:1}.feedback-actions .btn-edit svg{width:16px;height:16px;color:#6b7280}.feedback-actions .btn-edit:hover{background:#dbeafe;border-color:#3b82f6;opacity:1}.feedback-actions .btn-edit:hover svg{color:#1d4ed8}.feedback-actions .btn-reply{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:inherit;font-weight:inherit;cursor:pointer;transition:all .2s;flex-shrink:0;opacity:1}.feedback-actions .btn-reply svg{width:16px;height:16px;color:#6b7280}.feedback-actions .btn-reply:hover{background:#f3f4f6;border-color:#9ca3af;opacity:1}.feedback-actions .btn-reply:hover svg{color:#374151}.action-menu-container{position:relative;display:none}.btn-more-actions{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-more-actions svg{width:16px;height:16px;color:#6b7280}.btn-more-actions:hover{background:#f3f4f6;border-color:#9ca3af}.btn-more-actions:hover svg{color:#374151}.action-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:100;overflow:hidden}.action-menu-dropdown button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#374151;text-align:left;cursor:pointer;transition:background .2s}.action-menu-dropdown button:last-child{border-bottom:none}.action-menu-dropdown button svg{width:16px;height:16px;color:#6b7280;flex-shrink:0}.action-menu-dropdown button:hover{background:#f9fafb}.action-menu-dropdown button:hover svg{color:#374151}.action-menu-dropdown button.action-delete{color:#dc2626}.action-menu-dropdown button.action-delete svg{color:#dc2626}.action-menu-dropdown button.action-delete:hover{background:#fee2e2;color:#991b1b}.action-menu-dropdown button.action-delete:hover svg{color:#991b1b}.feedback-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media(max-width:768px){.mixreview-header{flex-direction:column}.header-actions{width:100%;flex-wrap:wrap;gap:.5rem}.icon-btn,.download-button{order:1}.status-dropdown{order:2;flex:1 0 100%;width:100%}.feedback-actions{flex-wrap:nowrap;gap:.4rem}.feedback-actions .btn-secondary-action{display:none}.action-menu-container{display:block}.feedback-actions .btn-text{display:none}.feedback-actions button{min-width:auto;padding:.5rem}.feedback-actions .btn-resolve,.feedback-actions .btn-unresolve{padding:.5rem}.mixreview-meta{flex-direction:column;gap:.2rem}.meta-sep{display:none}.meta-item{white-space:normal}.feedback-meta{font-size:.9rem}.feedback-meta time{width:100%;margin-left:0;margin-top:.25rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;width:90%;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.edit-mix-modal{max-width:600px}.edit-mix-modal .modal-form{padding:1.5rem}.edit-mix-modal .form-group{margin-bottom:1.25rem}.edit-mix-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-primary, #333);text-align:left}.edit-mix-modal .form-group input,.edit-mix-modal .form-group textarea,.edit-mix-modal .form-group select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-family:inherit}.edit-mix-modal .form-group textarea{resize:vertical}.edit-mix-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.edit-mix-modal .modal-error{margin:0 1.5rem;padding:.75rem;background:#fee;color:#c00;border-radius:.5rem;font-size:.875rem}.edit-mix-modal .modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;transition:color .2s}.edit-mix-modal .modal-close:hover{color:#333}.edit-mix-modal .modal-close svg{width:1.25rem;height:1.25rem}@media(max-width:768px){.modal-content{max-width:95%}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-confirm-delete{width:100%}}.btn-view-replies,.btn-hide-replies{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;background:transparent;border:none;color:#6b7280;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.75rem;border-radius:4px}.btn-view-replies:hover,.btn-hide-replies:hover{color:#000}.btn-view-replies svg,.btn-hide-replies svg{width:14px;height:14px}.reply-count{margin-right:-2px}.reply-form{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.reply-form textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:60px}.reply-form textarea:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 3px #dc9c111a}.reply-form-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-submit-reply,.btn-cancel-reply{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-submit-reply{background:var(--primary-brand-color);color:#fff}.btn-submit-reply:hover:not(:disabled){opacity:.9}.btn-submit-reply:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-reply{background:transparent;border:1px solid #d1d5db;color:#6b7280}.btn-cancel-reply:hover{background:#f3f4f6}.replies-list{margin-top:1rem;margin-left:1.5rem;padding-left:1.5rem;border-left:3px solid #e5e7eb}.reply-item{padding:.75rem 0;border-bottom:1px solid #f3f4f6}.reply-item:last-child{border-bottom:none}.reply-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;font-size:.85rem}.reply-author-time{display:flex;align-items:center;gap:.75rem;flex:1}.reply-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.reply-avatar img{width:100%;height:100%;object-fit:cover}.reply-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:600;font-size:.75rem}.reply-avatar .avatar-placeholder.role-admin{background:linear-gradient(135deg,#667eea,#764ba2)}.reply-header strong{color:#374151;font-weight:600}.reply-header time{color:#9ca3af;font-size:.8rem}.reply-actions{display:flex;align-items:center;gap:.25rem}.btn-edit-reply,.btn-delete-reply{display:flex;align-items:center;justify-content:center;padding:.35rem;background:transparent;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s;opacity:.7}.btn-edit-reply svg,.btn-delete-reply svg{width:13px;height:13px;color:#6b7280}.btn-edit-reply:hover{background:#dbeafe;border-color:#3b82f6;opacity:1}.btn-edit-reply:hover svg{color:#1d4ed8}.btn-delete-reply:hover{background:#fee2e2;border-color:#ef4444;opacity:1}.btn-delete-reply:hover svg{color:#991b1b}.reply-text{color:#4b5563;line-height:1.6;margin:0;font-size:.95rem}.reply-edit-form{margin-top:.5rem}.reply-edit-form textarea{width:100%;padding:.65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:50px}.reply-edit-form textarea:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 2px #dc9c111a}.reply-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn-save-reply{padding:.4rem .9rem;background:var(--primary-brand-color);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save-reply:hover{background:var(--primary-brand-hover)}.btn-save-reply:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-wrapper{position:relative}.btn-emoji-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .55rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1.1rem;line-height:1;cursor:pointer;transition:all .2s;color:inherit}.btn-emoji-trigger:hover:not(:disabled){background:#f3f4f6;border-color:var(--primary-brand-color)}.btn-emoji-trigger:disabled{opacity:.5;cursor:not-allowed}.feedback-actions .btn-emoji-trigger{padding:.4rem .55rem;font-size:1.1rem;font-weight:400;border:1px solid #d1d5db;background:#f9fafb}.emoji-picker{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:.4rem;z-index:1000;min-width:240px}.emoji-picker--up{top:auto;bottom:calc(100% + 6px)}.emoji-row{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:2px}.emoji-row:last-child{margin-bottom:0}.emoji-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.1rem;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:background .1s;padding:0;line-height:1}.emoji-btn:hover{background:#f3f4f6;border-color:#e5e7eb}@media(max-width:768px){.emoji-picker-wrapper{display:none}}.project-detail-container{padding:2rem 0}.project-loading,.project-error{text-align:center;padding:2rem;color:var(--text-secondary, #666)}.project-error{color:var(--error-color, #dc3545)}.project-info-card{border-radius:.75rem;margin-bottom:2rem}.project-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-info-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.project-info-title h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary, #333)}.project-status-badge{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-active{background:#d1fae5;color:#065f46}.status-completed{background:#dbeafe;color:#1e40af}.status-archived{background:#f3f4f6;color:#6b7280}.project-actions{display:flex;gap:.5rem}.project-info-description{color:var(--text-secondary, #666);line-height:1.6;margin:0 0 1.5rem;font-size:.9375rem;text-align:left}.project-info-meta{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #ddd)}.meta-item{display:flex;flex-direction:row;gap:.5rem;align-items:center}.meta-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;color:var(--text-primary, #333);font-weight:500}.phases-badges{display:flex;flex-wrap:wrap;gap:.5rem}.phase-badge{display:inline-block;padding:.25rem .625rem;background:#e0f2fe;color:#0369a1;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.phase-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.phase-checkbox-label{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:2px solid var(--border-color, #ddd);border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-primary, #333);background:var(--bg-primary, white);transition:all .2s ease;-webkit-user-select:none;user-select:none;text-align:left}.phase-checkbox-label:hover{border-color:#0369a1;background:#f0f9ff}.phase-checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;margin:0;margin-right:.5rem;cursor:pointer;accent-color:#0369a1;flex-shrink:0;vertical-align:middle}.phase-checkbox-label span{flex:1;text-align:left;line-height:1.125rem}.phase-checkbox-label:has(input:checked){border-color:#0369a1;background:#e0f2fe;color:#0369a1}@media(max-width:640px){.phase-checkboxes{grid-template-columns:1fr}}.project-mixes-section{margin-top:2rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #333)}.mixes-empty{text-align:center;padding:3rem 2rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #ddd);border-radius:.75rem;color:var(--text-secondary, #666)}.mixes-empty svg{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.3}.mixes-list{display:flex;flex-direction:column;gap:.75rem}.mix-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #ddd);border-radius:.75rem;text-decoration:none;color:var(--text-primary, #333);transition:all .2s ease}.mix-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014;border-color:var(--primary-color, #0066cc)}.mix-item.status-revision{opacity:.6}.mix-item.status-revision:hover{opacity:.8}.mix-item-icon{width:2.5rem;height:2.5rem;background:var(--primary-color, #0066cc);color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mix-item-icon svg{width:1.5rem;height:1.5rem}.mix-item-content{flex:1}.mix-item-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary, #333);text-align:left}.mix-item-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary, #666)}.mix-comments-count{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-color, #0066cc);font-weight:500}.mix-comments-count svg{width:.875rem;height:.875rem}.mix-comments-count .resolved-count{color:var(--text-secondary, #666);font-weight:400;margin-left:.25rem}.mix-status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-revision{background:#f3f4f6;color:#6b7280}@media(max-width:768px){.project-info-header{flex-direction:column}.section-header,.mix-item{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:3000;padding:1rem;overflow-y:auto}.modal-content{background:var(--bg-primary, white);border-radius:.75rem;width:100%;max-width:500px;overflow:visible;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2,.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #666);transition:color .2s}.modal-close:hover{color:var(--text-primary, #333)}.modal-close svg{width:1.25rem;height:1.25rem}.modal-error{margin:1rem 1.5rem 0;padding:.75rem;background:#fee;color:#c00;border-radius:.5rem;font-size:.875rem}.modal-form{padding:1.5rem}.modal-form .form-group{margin-bottom:1.25rem}.modal-form .form-group:last-of-type{margin-bottom:0}.modal-form label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-primary, #333)}.modal-form input,.modal-form textarea,.modal-form select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--font-color, inherit);background:var(--bg-primary, #fff);transition:border-color .2s;min-height:2.5rem}.modal-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem;cursor:pointer;text-align:left}.modal-form input:hover:not(:disabled),.modal-form textarea:hover:not(:disabled),.modal-form select:hover:not(:disabled){border-color:var(--button-filled-color, #888)}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{outline:none;border-color:var(--button-filled-color, #888)}.modal-form input:disabled,.modal-form textarea:disabled,.modal-form select:disabled{opacity:.6;cursor:not-allowed}.modal-form textarea{resize:vertical}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd)}.modal-body{padding:1.5rem;color:#6b7280;line-height:1.6}.modal-body p{margin:0}.modal-footer{padding:1rem 1.5rem;background:#f9fafb;display:flex;justify-content:center;gap:.75rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-confirm-delete{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#f3f4f6}.btn-confirm-delete{background:#ef4444;color:#fff}.btn-confirm-delete:hover{background:#dc2626}.project-invoice-section{margin-top:2rem;margin-bottom:2rem}.invoice-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #ddd);border-radius:.75rem;text-align:left}.invoice-icon{width:2.5rem;height:2.5rem;background:#10b981;color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invoice-icon svg{width:1.5rem;height:1.5rem}.invoice-info{flex:1;min-width:0}.invoice-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--text-primary, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary, #666)}.invoice-actions{display:flex;gap:.5rem;flex-shrink:0}@media(max-width:768px){.invoice-card{flex-wrap:wrap}.invoice-meta{flex-direction:column;gap:.25rem}}.form-divider{border:none;border-top:1px solid var(--border-color, #e0e0e0);margin:1.5rem 0}.form-section-title{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.tags-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.error-message{color:#ef4444;padding:1rem;background:#fee2e2;border-radius:8px;margin-bottom:1.5rem}.studio-selector-section{background:#fff;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.studio-selector-section label{font-weight:600;color:#374151;font-size:.95rem;white-space:nowrap}.studio-selector-dropdown{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s}.studio-selector-dropdown:hover{border-color:#d1d5db}.studio-selector-dropdown:focus{outline:none;border-color:#e8a641;box-shadow:0 0 0 3px #e8a6411a}.tag-form-section,.tags-list-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.tag-form-section h2,.tags-list-section h2{margin:0 0 1.5rem;font-size:1.25rem;color:#111827}.tag-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-brand-color, #e8a641);box-shadow:0 0 0 3px #e8a6411a}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{width:36px;height:36px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#111827;box-shadow:0 0 0 2px #fff,0 0 0 4px #111827}.color-preview{margin-top:1rem}.tag-preview{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.form-actions{display:flex;gap:.75rem}.tags-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tag-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;transition:background .2s}.tag-item:hover{background:#f3f4f6}.tag-info{display:flex;align-items:center;gap:.75rem}.tag-creator{font-size:.8rem;color:#6b7280;font-style:italic}.tag-studio{font-size:.8rem;color:#e8a641;font-weight:500}.tag-badge{padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.tag-actions{display:flex;gap:.5rem}.no-tags{color:#6b7280;font-style:italic}@media(max-width:768px){.tags-container{padding:1rem}.tag-form-section,.tags-list-section{padding:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.profile-container{padding:2.5rem 1.25rem 5rem;margin:0 auto}.profile-card{background:#fff}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.profile-header h1{margin:0;color:var(--font-header-color);font-size:2.25rem;line-height:1.1}.logout-button{padding:.5rem 1.5rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#c82333;transform:translateY(-1px)}.profile-sections{text-align:left}.profile-section-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.profile-section-header-spaced{margin-top:2rem}.profile-section-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--font-header-color)}.profile-section{margin-top:1rem}.profile-password-form{margin-top:.5rem}.profile-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.profile-row:last-child{border-bottom:none}.profile-row-label{font-weight:700;color:var(--primary-text-color)}.profile-row-value{color:var(--font-color)}.profile-input{width:100%;padding:.65rem .85rem;border:1px solid rgba(0,0,0,.18);border-radius:8px;font-size:1rem;outline:none;background:#fff}.profile-input:focus{border-color:var(--primary-brand-color);box-shadow:0 0 0 3px #a69eb040}.profile-hint{margin-top:.35rem;font-size:.9rem;color:#6b7280}.profile-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem}.profile-link-btn{border:none;background:none;padding:0;margin:0;color:var(--primary-brand-color);cursor:pointer;font-weight:700}.profile-link-btn:hover{color:var(--secondary-brand-color)}.message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.profile-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.profile-toggle input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--primary-brand-color, #4b4f58)}.profile-toggle-label{font-size:.9rem;color:var(--font-color, #3a3a3a)}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media(max-width:768px){.profile-card{padding:1.5rem}.profile-header h1{font-size:1.6rem}}@media(min-width:768px){.profile-row{flex-direction:row;align-items:center;gap:1.5rem}.profile-row-label{width:50%}.profile-row-value{width:50%;text-align:right}.profile-row-value .profile-input{max-width:420px;margin-left:auto}}.profile-image-section{padding:1.5rem 0}.profile-image-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-image-preview{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid rgba(0,0,0,.1);flex-shrink:0}.profile-image-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}@media(min-width:768px){.profile-image-container{flex-direction:row;justify-content:flex-start}.profile-image-actions{justify-content:flex-start}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-modal{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0003}.profile-modal h3{margin:0 0 1rem;color:var(--font-header-color);font-size:1.5rem}.profile-modal p{margin:0 0 1.5rem;color:var(--font-color);line-height:1.5}.profile-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.artist-editor-container{padding:2.5rem 1.25rem 5rem;max-width:980px;margin:0 auto}@media(max-width:640px){.ae-col-slug,.ae-col-genre,.ae-col-users,.ae-col-projects,.ae-col-mixes{display:none}.ae-col-public{width:25px;padding:.375rem .125rem}.ae-table th,.ae-table td{padding:.375rem}.ae-th-img,.ae-td-img{width:30px;padding:.375rem .125rem}.ae-thumb,.ae-thumb-placeholder{width:28px;height:28px}.ae-td-name{font-size:.875rem;white-space:normal;word-break:break-word}.ae-td-actions{flex-direction:row;align-items:center;gap:.25rem;padding:.375rem .125rem}.ae-td-actions .icon-btn{padding:.375rem}.ae-td-actions .icon-btn svg{width:1rem;height:1rem}}.ae-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.ae-add-btn{background:var(--button-filled-color);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto}.ae-add-btn:hover{background:var(--font-header-color);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.ae-success{font-size:.9rem;color:#16a34a;font-weight:500}.ae-create-form{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 2px 8px #0000000a}.ae-form-row{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.ae-form-row--3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:600px){.ae-form-row,.ae-form-row--3{grid-template-columns:1fr}}.ae-form-group{display:flex;flex-direction:column;gap:.5rem}.ae-form-group label{font-size:.9rem;font-weight:600;color:var(--font-color)}.ae-form-group input,.ae-form-group textarea,.ae-form-group select{padding:.5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--font-color, inherit);background:var(--bg-primary, #fff);transition:border-color .2s;min-height:2.5rem;resize:vertical}.ae-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem;cursor:pointer;text-align:left}.ae-form-group input:hover:not(:disabled),.ae-form-group textarea:hover:not(:disabled),.ae-form-group select:hover:not(:disabled){border-color:var(--button-filled-color, #888)}.ae-form-group input:focus,.ae-form-group textarea:focus,.ae-form-group select:focus{outline:none;border-color:var(--button-filled-color, #888)}.ae-form-group input:disabled,.ae-form-group textarea:disabled,.ae-form-group select:disabled{opacity:.6;cursor:not-allowed}.ae-form-error{color:#c33;font-size:.9rem;margin:0;padding:.75rem 1rem;background-color:#fee;border:1px solid #fcc;border-radius:8px}.ae-submit-btn{align-self:flex-start;background:var(--button-filled-color);color:#fff;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ae-submit-btn:hover:not(:disabled){background:var(--font-header-color);transform:translateY(-1px)}.ae-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ae-state{color:var(--secondary-text-color, #888);font-size:1rem;padding:2rem 0}.ae-error{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;font-size:.95rem}.ae-table-wrap{overflow-x:auto;border-radius:10px;border:2px solid #e0e0e0;background:#fff}.ae-table{width:100%;border-collapse:collapse;font-size:.95rem}.ae-table thead{background:var(--secondary-bg-color, #f5f5f5)}.ae-table th{text-align:left;padding:1rem 1.25rem;font-size:.875rem;font-weight:700;color:var(--font-color);white-space:nowrap}.ae-th-center{text-align:left}.ae-table td{padding:1rem 1.25rem;border-top:1px solid #e8e8e8;color:var(--font-color);vertical-align:middle;text-align:left}.ae-td-name{font-weight:600;white-space:nowrap}.ae-td-desc{font-size:.9rem;color:var(--secondary-text-color, #666);max-width:320px}.ae-td-center{text-align:left;font-size:.9rem;color:var(--secondary-text-color, #555)}.ae-muted{color:var(--secondary-text-color, #aaa)}.ae-td-actions{white-space:nowrap;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ae-form-row--2,.ae-form-row--3{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.ae-form-row--2,.ae-form-row--3{grid-template-columns:1fr}}.ae-th-img{width:48px}.ae-td-img{padding-right:0;width:48px}.ae-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;display:block}.ae-thumb-placeholder{width:40px;height:40px;background:var(--secondary-bg-color, #f0f0f0);border-radius:6px;display:block}.ae-td-slug{font-family:monospace;font-size:.85rem;color:var(--secondary-text-color, #666)}.ae-td-genre{font-size:.9rem}.ae-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.ae-badge--public{background:#dcfce7;color:#15803d}.ae-badge--private{background:var(--secondary-bg-color, #f3f4f6);color:var(--secondary-text-color, #6b7280)}.ae-public-dot{display:none;width:10px;height:10px;border-radius:50%;flex-shrink:0}.ae-public-dot--public{background:#15803d}.ae-public-dot--private{background:var(--secondary-text-color, #6b7280)}@media(max-width:640px){.ae-td-public .ae-badge{display:none}.ae-public-dot{display:inline-block}}.ae-modal--wide{max-width:900px}.ae-section{border-top:1px solid #e8e8e8;padding-top:1.25rem}.ae-section:first-child{border-top:none;padding-top:0}.ae-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary-text-color, #888);margin:0 0 .9rem}.ae-check-row{display:flex;flex-direction:column;gap:.6rem}.ae-check-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.95rem}.ae-check-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-brand-color)}.ae-image-preview-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.ae-image-preview{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0;display:block}.ae-upload-label{display:inline-block;cursor:pointer}.ae-upload-input{display:none}.ae-upload-btn{display:inline-block;background:var(--secondary-bg-color, #f3f4f6);border:2px solid #e0e0e0;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s}.ae-upload-label:hover .ae-upload-btn{border-color:var(--primary-brand-color)}.ae-socials-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}@media(max-width:600px){.ae-socials-grid{grid-template-columns:1fr}}.ae-btn{border:none;border-radius:6px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.ae-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.ae-btn-delete{background:#fee2e2;color:#dc2626}.ae-btn-delete-confirm{background:#dc2626;color:#fff}.ae-btn-cancel{background:var(--secondary-bg-color, #e5e7eb);color:var(--font-color)}.ae-delete-confirm{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--font-color)}.ae-error-row td{padding:.4rem 1.25rem .75rem;border-top:none}.ae-inline-error{font-size:.85rem;color:#dc2626;background:#fee2e2;padding:.4rem .75rem;border-radius:6px;display:inline-block}.ae-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ae-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.ae-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e8e8e8}.ae-modal-header h2{margin:0;font-size:1.1rem;font-weight:700}.ae-modal-close{background:none;border:none;cursor:pointer;padding:.35rem;border-radius:6px;color:var(--secondary-text-color, #888);display:flex;align-items:center;transition:background .2s}.ae-modal-close:hover{background:#f0f0f0;color:var(--font-color)}.ae-modal-close svg{width:18px;height:18px}.ae-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.ae-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;gap:.75rem}.aep-container{padding:2.5rem 1.25rem 5rem;max-width:1100px;margin:0 auto}.aep-state{color:var(--secondary-text-color, #888);padding:2rem 0}.aep-error{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem}.aep-layout{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:start}@media(max-width:780px){.aep-layout{grid-template-columns:1fr}}.aep-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.aep-card:last-child{margin-bottom:0}.aep-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary-text-color, #888);margin:0 0 1rem}.aep-image-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.aep-image-preview{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0;display:block}.aep-image-placeholder{width:100%;aspect-ratio:1;background:var(--secondary-bg-color, #f3f4f6);border-radius:8px;border:2px dashed #d0d0d0;margin-bottom:.75rem}.aep-remove-img-btn{background:#fee2e2;color:#dc2626;border:none;border-radius:6px;padding:.3rem .8rem;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit}.aep-remove-img-btn:hover:not(:disabled){background:#fecaca}.aep-upload-label{display:block;cursor:pointer;margin-top:.5rem}.aep-upload-input{display:none}.aep-upload-btn{display:block;text-align:center;background:var(--secondary-bg-color, #f3f4f6);border:2px solid #e0e0e0;border-radius:8px;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:border-color .2s}.aep-upload-label:hover .aep-upload-btn{border-color:var(--primary-brand-color)}.aep-check-list{display:flex;flex-direction:column;gap:.2rem}.aep-check-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.5rem}.aep-check-label:first-child{margin-top:0}.aep-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-brand-color);cursor:pointer}.aep-check-hint{font-size:.8rem;color:var(--secondary-text-color, #888);margin:.1rem 0 0 1.6rem;text-align:left}.aep-field{display:flex;flex-direction:column;gap:.45rem}.aep-field+.aep-field{margin-top:.9rem}.aep-field label{font-size:.88rem;font-weight:600;color:var(--font-color);text-align:left}.aep-field input,.aep-field textarea{padding:.7rem .9rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.97rem;font-family:inherit;background:#fff;transition:border-color .2s,box-shadow .2s;resize:vertical}.aep-field input:focus,.aep-field textarea:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 3px #a69eb026}.aep-field input:disabled,.aep-field textarea:disabled{background:var(--secondary-bg-color, #f5f5f5);opacity:.6;cursor:not-allowed}.aep-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.aep-row-2 .aep-field{margin-top:0}.aep-row-2+.aep-row-2,.aep-row-2+.aep-field,.aep-field+.aep-row-2{margin-top:.9rem}@media(max-width:600px){.aep-row-2{grid-template-columns:1fr}}.aep-socials-grid{display:flex;flex-direction:column;gap:.75rem}.aep-bio-tabs{display:flex;gap:0;border-bottom:2px solid #e0e0e0;margin-bottom:1rem}.aep-bio-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;font-family:inherit;color:var(--secondary-text-color, #888);cursor:pointer;transition:color .15s,border-color .15s}.aep-bio-tab:hover{color:var(--font-color)}.aep-bio-tab--active{color:var(--primary-brand-color, #2563eb);border-bottom-color:var(--primary-brand-color, #2563eb)}.aep-field-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:.7rem 1rem;font-size:.88rem;margin:.5rem 0 0}.aep-footer{margin-top:1.75rem;padding-top:1.25rem;border-top:2px solid #e0e0e0;display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.aep-footer--top{margin-top:0;padding-top:0;border-top:none;margin-bottom:1.25rem}.aep-footer-btns{display:flex;gap:.75rem}.aep-btn{border:none;border-radius:8px;padding:.75rem 1.75rem;font-size:.97rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.aep-btn:disabled{opacity:.6;cursor:not-allowed}.aep-btn-save{background:var(--button-filled-color);color:#fff}.aep-btn-save:hover:not(:disabled){background:var(--font-header-color);transform:translateY(-1px)}.aep-btn-cancel{background:var(--secondary-bg-color, #e5e7eb);color:var(--font-color)}.aep-btn-cancel:hover:not(:disabled){background:#d1d5db}.aep-btn-delete{background:#fee2e2;color:#dc2626}.aep-btn-delete:hover:not(:disabled){background:#fecaca}.aep-btn-delete-confirm{background:#dc2626;color:#fff}.aep-btn-delete-confirm:hover:not(:disabled){background:#b91c1c}.aep-delete-confirm-label{font-size:.9rem;color:var(--font-color);white-space:nowrap}.aep-footer-btns-right{display:flex;gap:.75rem;margin-left:auto}.upload-mix-container{padding:2.5rem 1.25rem 5rem;max-width:800px;margin:0 auto}.upload-mix-container h1{font-size:1.8rem;font-weight:700;margin:1.5rem 0 2rem;color:var(--font-header-color)}.upload-mix-form{display:flex;flex-direction:column}.upload-mix-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media(max-width:560px){.upload-mix-form .form-row{grid-template-columns:1fr}}.upload-mix-form .form-group{margin-bottom:1.25rem}.upload-mix-form .form-row .form-group{margin-bottom:0}.upload-mix-form .form-group:last-of-type{margin-bottom:0}.upload-mix-form .form-group label{margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-primary, #333)}.upload-mix-form .form-group input,.upload-mix-form .form-group select,.upload-mix-form .form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--font-color, inherit);background:var(--bg-primary, #fff);transition:border-color .2s;min-height:2.5rem}.upload-mix-form .form-group input:hover:not(:disabled),.upload-mix-form .form-group select:hover:not(:disabled),.upload-mix-form .form-group textarea:hover:not(:disabled){border-color:var(--button-filled-color, #888)}.upload-mix-form .form-group input:focus,.upload-mix-form .form-group select:focus,.upload-mix-form .form-group textarea:focus{outline:none;border-color:var(--button-filled-color, #888)}.upload-mix-form .form-group input:disabled,.upload-mix-form .form-group select:disabled,.upload-mix-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.upload-mix-form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem;cursor:pointer;text-align:left}.upload-mix-form .form-group textarea{resize:vertical;min-height:100px}.file-drop-zone{position:relative}.file-drop-zone input[type=file]{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.file-drop-label{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;background:var(--bg-secondary, #f8f9fa);border:2px dashed var(--border-color, #ddd);border-radius:6px;color:var(--text-secondary, #666);font-size:.9rem;text-align:center;cursor:pointer;transition:all .2s ease}.file-drop-label:hover,.file-drop-zone input:focus+.file-drop-label{border-color:var(--button-filled-color, #888);background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.file-drop-zone.drag-over .file-drop-label{border-color:var(--button-filled-color, #888);background:var(--bg-primary, #fff);color:var(--text-primary, #333);transform:scale(1.01)}.file-drop-label svg{width:36px;height:36px;stroke:currentColor}.upload-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.progress-bar{flex:1;height:8px;background:var(--bg-secondary, #f8f9fa);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .2s}.upload-progress span{font-size:.875rem;color:var(--text-primary, #333);min-width:45px;text-align:right;font-weight:600}.upload-error{color:#c00;background:#fee;border:1px solid #fcc;border-radius:6px;padding:.75rem;font-size:.875rem;margin:0 0 1.25rem}.upload-success{display:flex;align-items:center;gap:.75rem;background:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;padding:.75rem 1rem;color:#065f46;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.upload-success svg{width:20px;height:20px;stroke:#065f46;flex-shrink:0}.upload-mix-form .submit-button{align-self:flex-start;margin-top:.5rem}.clients-container{padding:2.5rem 1.25rem 5rem;max-width:900px;margin:0 auto}.clients-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.clients-add-btn{margin-left:auto}.clients-success{font-size:.9rem;color:#16a34a;font-weight:500}.clients-create-form{display:flex;flex-direction:column;margin-bottom:2rem}.clients-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media(max-width:640px){.clients-form-row{grid-template-columns:1fr}}.clients-form-group{margin-bottom:1.25rem}.clients-form-row .clients-form-group{margin-bottom:0}.clients-form-group:last-of-type{margin-bottom:0}.clients-form-group label{margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-primary, #333);display:block}.clients-form-group input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--font-color, inherit);background:var(--bg-primary, #fff);transition:border-color .2s;min-height:2.5rem;box-sizing:border-box}.clients-form-group input:hover:not(:disabled){border-color:var(--button-filled-color, #888)}.clients-password-wrapper{position:relative;display:flex;align-items:center;width:100%}.clients-password-wrapper input{width:100%;padding-right:2.75rem;min-height:2.5rem}.clients-password-wrapper input.has-generate-btn{padding-right:5rem}.clients-password-generate{position:absolute;right:2.5rem;background:none;border:none;cursor:pointer;padding:0;color:#999;display:flex;align-items:center;transition:color .2s}.clients-password-generate:hover{color:var(--primary-brand-color)}.clients-password-generate svg{width:18px;height:18px}.clients-password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:0;color:#999;display:flex;align-items:center;transition:color .2s}.clients-password-toggle:hover{color:var(--primary-brand-color)}.clients-password-toggle svg{width:18px;height:18px}.clients-form-group input:focus{outline:none;border-color:var(--button-filled-color, #888)}.clients-form-group input:disabled{opacity:.6;cursor:not-allowed}.clients-form-error{color:#c00;background:#fee;border:1px solid #fcc;border-radius:6px;padding:.75rem;font-size:.875rem;margin:0 0 1.25rem}.clients-submit-btn{align-self:flex-start}.clients-loading,.clients-empty{color:var(--secondary-text-color, #888);font-size:1rem;padding:2rem 0}.clients-error{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;font-size:.95rem}.clients-table-wrap{overflow-x:auto;border-radius:10px;border:2px solid #e0e0e0;background:#fff}.clients-table{width:100%;border-collapse:collapse;font-size:.95rem}.clients-table thead{background:var(--secondary-bg-color, #f5f5f5)}.clients-table th{text-align:left;padding:1rem 1.25rem;font-size:.875rem;font-weight:700;color:var(--font-color);white-space:nowrap}.clients-table td{padding:1rem 1.25rem;border-top:1px solid #e8e8e8;color:var(--font-color);vertical-align:middle}.row-inactive td{opacity:.55}.cell-email{font-size:.9rem;color:var(--secondary-text-color, #666)}.cell-date{white-space:nowrap;font-size:.9rem}.status-pill{display:inline-block;padding:.3rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.03em}.pill-active{background:#dcfce7;color:#15803d}.pill-inactive{background:#f3f4f6;color:#6b7280}.cell-actions{white-space:nowrap;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.action-btn{border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.delete-confirm{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--font-color)}.btn-delete-confirm{background:#dc2626;color:#fff}.btn-cancel{background:var(--secondary-bg-color, #e5e7eb);color:var(--font-color)}.cell-artist{white-space:normal}.artist-tag{display:inline-block;background:var(--button-filled-color, #444);color:var(--button-filled-text-color, #fff);border-radius:4px;padding:.1rem .45rem;font-size:.8rem;margin:.1rem .2rem .1rem 0}.artist-edit-btn{background:none;border:none;cursor:pointer;padding:.2rem .35rem;margin-left:.4rem;border-radius:4px;color:var(--secondary-text-color, #888);vertical-align:middle;transition:color .2s,background .2s;line-height:1}.artist-edit-btn:hover{color:var(--font-color);background:#f0f0f0}.artist-edit-btn svg{width:13px;height:13px;display:block}.clients-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.clients-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:visible;box-shadow:0 8px 32px #0000002e;margin:auto}.clients-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e8e8e8}.clients-modal-header h2{margin:0;font-size:1.1rem;font-weight:700}.clients-modal-close{background:none;border:none;cursor:pointer;padding:.35rem;border-radius:6px;color:var(--secondary-text-color, #888);display:flex;align-items:center;transition:background .2s}.clients-modal-close:hover{background:#f0f0f0;color:var(--font-color)}.clients-modal-close svg{width:18px;height:18px}.clients-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.clients-modal-body .clients-form-group select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--font-color, inherit);background:var(--bg-primary, #fff);transition:border-color .2s;min-height:2.5rem}.clients-modal-body .clients-form-group select:hover:not(:disabled){border-color:var(--button-filled-color, #888)}.clients-modal-body .clients-form-group select:focus{outline:none;border-color:var(--button-filled-color, #888)}.clients-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;gap:.75rem}.clients-form-hint{font-size:.8rem;color:var(--secondary-text-color, #888);margin-top:.25rem}.clients-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.clients-form-group--full{grid-column:1 / -1;margin-bottom:0}.artist-checkbox-list{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:.6rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;background:var(--input-bg, transparent);margin-top:.25rem}.artist-checkbox-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.artist-checkbox-item input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--button-filled-color, #666)}.clients-form-group select{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--font-color, inherit);background:var(--bg-primary, #fff);transition:border-color .2s;min-height:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;cursor:pointer;text-align:left}.clients-form-group select:hover:not(:disabled){border-color:var(--button-filled-color, #888)}.clients-form-group select:focus{outline:none;border-color:var(--button-filled-color, #888)}.clients-form-group select:disabled{opacity:.6;cursor:not-allowed}.clients-form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #444);border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--font-color, inherit);background:var(--bg-primary, #fff);transition:border-color .2s;resize:vertical;min-height:100px}.clients-form-group textarea:hover:not(:disabled){border-color:var(--button-filled-color, #888)}.clients-form-group textarea:focus{outline:none;border-color:var(--button-filled-color, #888)}.clients-form-group textarea:disabled{opacity:.6;cursor:not-allowed}.clients-image-upload{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.clients-image-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.clients-image-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.4rem .8rem;font-size:.85rem}.cell-avatar{width:50px;padding:.5rem .75rem}.client-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.08)}.client-avatar img{width:100%;height:100%;object-fit:cover}.client-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:700;font-size:.85rem}.client-avatar-placeholder.role-admin{background:linear-gradient(135deg,#667eea,#764ba2)}.clients-delete-image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.clients-delete-image-modal{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0000004d}.clients-delete-image-modal h3{margin:0 0 1rem;color:var(--font-header-color);font-size:1.5rem}.clients-delete-image-modal p{margin:0 0 1.5rem;color:var(--font-color);line-height:1.5}.clients-delete-image-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.clients-delete-image-modal-actions button{margin:0}.email-previews-container{padding:2rem 1rem;width:100%;margin:0 auto}.email-previews-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem}.templates-sidebar{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.templates-sidebar h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111}.template-list{display:flex;flex-direction:column;gap:.75rem}.template-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9fafb;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.template-item:hover{background:#f3f4f6;border-color:#e5e7eb}.template-item.active{background:#ede9fe;border-color:#667eea}.template-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;color:#667eea}.template-icon svg{width:20px;height:20px}.template-info{flex:1;min-width:0}.template-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#111}.template-info p{margin:0 0 .5rem;font-size:.8125rem;color:#6b7280;line-height:1.4}.template-subject{display:inline-block;font-size:.75rem;color:#9ca3af;font-style:italic}.preview-area{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;display:flex;flex-direction:column}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;color:#9ca3af;background-color:#f7f7f7;padding:2rem}.preview-placeholder svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.preview-placeholder p{margin:0;font-size:.9375rem}.preview-iframe-container{display:flex;flex-direction:column}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;gap:1rem;flex-shrink:0}.preview-toolbar-left{display:flex;align-items:center;gap:.875rem}.preview-toolbar-left>span{font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.preview-presets{display:flex;gap:0;border:1px solid #d1d5db;border-radius:7px;overflow:hidden;background:#fff}.preset-btn{padding:.35rem .875rem;border:none;border-right:1px solid #d1d5db;background:#fff;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;line-height:1.4}.preset-btn:last-child{border-right:none}.preset-btn:hover:not(.active){background:#f3f4f6;color:#374151}.preset-btn.active{background:var(--button-filled-color);color:#fff}.preview-width-label{font-size:.75rem;color:#9ca3af;font-variant-numeric:tabular-nums;min-width:3.5rem}.preview-resizable-wrapper{overflow:auto;background:#e5e7eb;display:flex;justify-content:flex-start;padding:1rem}.preview-resizable{position:relative;min-width:320px;max-width:100%;background:#fff;box-shadow:0 2px 12px #00000026}.preview-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;cursor:ew-resize}.preview-resizable-wrapper.is-dragging,.preview-resizable-wrapper.is-dragging *{cursor:ew-resize!important;-webkit-user-select:none;user-select:none}.preview-drag-handle{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:10}.preview-drag-handle:after{content:"";display:block;width:4px;height:40px;border-radius:2px;background:#9ca3af;transition:background .15s}.preview-drag-handle:hover:after{background:var(--button-filled-color)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.preview-iframe{display:block;width:100%;border:none;background:#f4f4f5}.loading-message{text-align:center;color:#6b7280;padding:2rem}@media(max-width:1024px){.email-previews-layout{grid-template-columns:1fr}.templates-sidebar{max-height:none}.preview-iframe-container{height:600px}}@media(max-width:640px){.email-previews-container,.templates-sidebar{padding:1rem}.template-item{padding:.75rem}.preview-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.preview-toolbar .btn-small{width:100%;text-align:center}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:2rem}.not-found-content{text-align:center;max-width:600px;background:#fff;padding:4rem 3rem;border-radius:16px;box-shadow:0 10px 40px #00000014}.not-found-number{font-size:8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem;letter-spacing:-.02em}.not-found-content h1{font-size:2rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.not-found-content p{font-size:1.1rem;color:#6b7280;line-height:1.6;margin:0 0 2.5rem}.btn-back{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-back:active{transform:translateY(0)}@media(max-width:768px){.not-found-content{padding:3rem 2rem}.not-found-number{font-size:6rem}.not-found-content h1{font-size:1.75rem}.not-found-content p{font-size:1rem;margin-bottom:2rem}.btn-back{padding:.75rem 1.75rem;font-size:.95rem}}@media(max-width:480px){.not-found-page{padding:1rem}.not-found-content{padding:2.5rem 1.5rem;border-radius:12px}.not-found-number{font-size:5rem}.not-found-content h1{font-size:1.5rem}.not-found-content p{font-size:.95rem}}.app-container{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:2.5rem 1.25rem}:root{--primary-brand-color: #a69eb0;--secondary-brand-color: #a69eb0;--button-filled-color: #4b4f58;--menu-bg-color: #363636;--menu-text-color: #dadae3;--menu-button-color: #fff;--primary-text-color: #000000;--secondary-text-color: #4d4d4d;--mobile-menu-text-color: #dadae3;--secondary-bg-color: #f7f7f7;--font-color: #3a3a3a;--font-header-color: #4b4f58;--primary-color: #4b4f58;--primary-hover: #383c44;--border-color: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;line-height:1.6;background-color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-brand-color);text-decoration:none;font-weight:400}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#6b7280;padding:.5rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s;flex-shrink:0}.icon-btn:hover:not(:disabled){background:#f3f4f6;color:var(--button-filled-color)}.icon-btn svg{width:20px;height:20px;display:block}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn--danger:hover:not(:disabled){background:#fee2e2;color:#dc2626}.icon-btn--warning:hover:not(:disabled){background:#fef9c3;color:#854d0e}.icon-btn--success{color:#16a34a}.icon-btn--success:hover:not(:disabled){background:#f0fdf4;color:#16a34a}.app-page{display:flex;flex-direction:column;flex:1;background:var(--secondary-bg-color)}.page-container{flex:1;padding-top:2.5rem;padding-bottom:2rem}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg,.btn-secondary svg,.btn-danger svg{width:1rem;height:1rem;flex-shrink:0}.btn-primary{background:var(--button-filled-color);color:#fff}.btn-primary:hover:not(:disabled){opacity:.85;color:#fff}.btn-primary.btn-small{padding:.5rem 1rem;font-size:.8rem}label.btn-primary{cursor:pointer}.btn-secondary{background:#f3f4f6;color:var(--font-color);border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:transparent;color:#dc2626;border:1.5px solid #dc2626}.btn-danger:hover:not(:disabled){background:#fee2e2}a:hover{color:var(--secondary-brand-color)}a:active{color:var(--primary-brand-color)}a:focus{text-decoration:none}ul,ol{margin-top:20px;margin-bottom:20px;margin-left:2em;text-align:left}hr{margin-top:50px;margin-bottom:50px}h1,h2,h3{color:var(--font-header-color)}h1{font-size:3rem;line-height:1.2em;margin-bottom:30px}h2{font-size:2.125rem;font-weight:500;line-height:1.3em;margin-bottom:30px}h3{font-size:1.25rem;font-weight:500;line-height:1.2em;margin-bottom:10px}p{color:var(--font-color);font-size:1em;line-height:1.6em;margin-bottom:20px}.btn{display:inline-block;border:2px solid;font-family:Open Sans,sans-serif;font-weight:600;line-height:1em;font-size:15px;border-radius:2px;margin-top:1rem;padding:10px 20px;transition:background-color .3s ease;cursor:pointer}.btn:focus{text-decoration:none}.btn-filled{border-color:var(--button-filled-color);background-color:var(--button-filled-color);color:#fff}.btn-filled:hover{background-color:transparent;color:var(--button-filled-color);text-decoration:none}.btn-outline{border-color:var(--button-filled-color);background-color:transparent;color:var(--button-filled-color)}.btn-outline:hover{background-color:var(--button-filled-color);color:#fff;text-decoration:none}.btn-colored{border-color:var(--primary-brand-color);background-color:var(--primary-brand-color);color:#fff}.btn-colored:hover{background-color:transparent;color:var(--primary-brand-color);text-decoration:none}.is-column{flex-direction:column!important}.no-scroll{overflow:hidden;height:100vh}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{padding:.6rem .9rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;color:#333;background:#fff;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--button-filled-color)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#9ca3af}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.success-message{color:#16a34a;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.status-badge{display:inline-block;padding:.2rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.wrapper{padding-left:20px;padding-right:20px;max-width:1200px;width:100%;margin:0 auto;text-align:center}.slim-container{max-width:900px!important;text-align:left}.align-left{text-align:left}.align-right{text-align:right}@media(max-width:768px){.wrapper{padding-left:20px;padding-right:20px;max-width:100%}}section{padding-top:50px;padding-bottom:50px}.container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px;padding-top:40px;padding-bottom:40px}.sub-1-3-container{flex:1 1 30%;max-width:30%;text-align:center;padding:20px;box-sizing:border-box}.sub-1-3-container img{max-width:100%}@media(max-width:768px){.sub-1-3-container{flex:1 1 100%;max-width:100%}}.sub-1-2-container{flex:1 1 45%;max-width:45%;text-align:center;padding:20px;box-sizing:border-box}.sub-1-2-container img{max-width:100%}@media(max-width:768px){.sub-1-2-container{flex:1 1 100%;max-width:100%}}header{width:100%;height:100px;display:flex;justify-content:space-between;transition:background-color .3s ease,padding .3s ease;background-color:var(--menu-bg-color);position:relative;padding:1.5rem 2rem 1rem;align-items:center;max-width:1200px;margin:0 auto}.header-logo{display:flex;justify-content:flex-start;z-index:1003}.header-logo a{text-decoration:none;color:var(--menu-text-color)}.header-logo img{position:relative;width:120px;height:auto;display:block}.desktop-nav{display:flex;width:100%;z-index:1002;position:absolute;justify-content:center;transition:transform .3s ease}.desktop-nav a{text-transform:uppercase;color:var(--menu-text-color);margin-left:1.2rem;margin-right:1.2rem;text-decoration:none;font-weight:500;font-size:1.125rem;transition:.3s}.desktop-nav a:hover,.desktop-nav a:active{color:#fff}.header-right{display:flex;align-items:center;gap:1rem;z-index:1003}.profile-icon-wrapper{display:flex;align-items:center}.profile-icon-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--menu-text-color);text-decoration:none;transition:all .3s ease;border-radius:50%;background:#ffffff1a}.profile-icon-link:hover{background:#fff3;color:#fff;transform:scale(1.05)}.profile-icon-link svg{width:24px;height:24px}.desktop-nav .profile-link,.desktop-nav .login-link{background:#ffffff1a;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.desktop-nav .profile-link:hover,.desktop-nav .login-link:hover{background:#fff3;color:#fff}.mobile-nav .profile-link,.mobile-nav .login-link{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);opacity:.9}.menu-toggle{right:2rem;z-index:1003;flex-direction:column;justify-content:center;cursor:pointer;padding:.5rem;gap:.28rem;position:relative;display:none}.menu-toggle span{display:block;width:30px;height:3px;background-color:var(--menu-button-color);transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu-toggle.active span{background-color:var(--mobile-menu-text-color)}.mobile-nav{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav.active{opacity:1;visibility:visible}.mobile-nav a{color:var(--mobile-menu-text-color);text-decoration:none;font-size:clamp(1rem,3vh,1.8rem);font-weight:300;margin:clamp(.2rem,.8vh,.6rem) 0;transition:color .3s ease;cursor:pointer}.mobile-nav a:hover{color:#fff}.mobile-lang-switch{text-align:center;width:100%;position:absolute;bottom:20px}.mobile-lang-switch button{color:var(--secondary-brand-color);font-size:1.4rem;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:inherit}.lang-switch{display:block;z-index:1004}.lang-switch button{cursor:pointer;color:var(--primary-brand-color);background:none;border:none;text-decoration:none;text-transform:uppercase;font-weight:500;font-size:1.125rem;font-family:inherit;transition:.3s;padding:0}.lang-switch button:hover{color:#fff}@media(max-width:768px){header{height:75px;padding:1.3rem 2rem 1rem;justify-content:center}.header-logo{justify-content:center;flex:1;pointer-events:none}.header-right{display:none}.header-logo a{pointer-events:auto}.desktop-nav{display:none}.menu-toggle{display:flex;position:absolute;z-index:1005}.lang-switch{display:none}}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input{width:100%;padding-right:2.75rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;color:#999;display:flex;align-items:center;transition:color .2s}.password-toggle-btn:hover:not(:disabled){color:#667eea}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.password-toggle-btn svg{width:18px;height:18px}