:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--primary-color: var(--brand-500);--brand-50: #e3f2fd;--brand-100: #bbdefb;--brand-200: #90caf9;--brand-300: #64b5f6;--brand-400: #42a5f5;--brand-500: #2196f3;--brand-600: #1976d2;--brand-700: #0d47a1;--brand-focus: var(--brand-600);--brand-rgb: 33,150,243;--success-500: #51cf66;--success-600: #40c057;--danger-500: #ff6b6b;--danger-600: #e74c3c;--warning-500: #ffa500;--warning-600: #ff8c00;--info-500: #74c0fc;--info-600: #4dabf7;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-surface: #3a3a3a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--text-disabled: #666666;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--size-xs: 32px;--size-sm: 40px;--size-md: 44px;--size-lg: 48px;--size-xl: 56px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--toast-info-bg: var(--brand-600, #1976d2);--toast-info-accent: var(--brand-700, #125ea8);--toast-success-bg: #28a745;--toast-success-accent: #1e7e34;--toast-warning-bg: #856404;--toast-warning-accent: #6d5103;--toast-error-bg: #e74c3c;--toast-error-accent: #c0392b;--card-bg: var(--color-background-soft);--border-color: var(--color-border);--text-color: var(--color-text);--text-muted: rgba(0, 0, 0, .6);--button-bg: var(--card-bg);--button-hover-bg: var(--color-background-mute);--input-bg: var(--color-background);--selected-bg: rgba(var(--brand-rgb), .06);--muted-bg: var(--color-background-mute);--control-height: 40px;--control-padding: .75rem 1rem;--btn-radius: 8px;--focus-ring: 0 0 0 3px rgba(var(--brand-rgb), .12);--md-sys-color-primary: #1976d2;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #dbe9ff;--md-sys-color-on-primary-container: #001b33;--md-sys-color-secondary: #5b6f91;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e9eefb;--md-sys-color-on-secondary-container: #07122a;--md-sys-color-tertiary: #6b5db2;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #efe9ff;--md-sys-color-on-tertiary-container: #24143f;--md-sys-color-error: #b00020;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffd8db;--md-sys-color-on-error-container: #410002;--md-sys-color-background: var(--color-background);--md-sys-color-on-background: var(--color-text);--md-sys-color-surface: var(--card-bg);--md-sys-color-on-surface: var(--text-color);--md-sys-color-surface-variant: #e7e0ec;--md-sys-color-on-surface-variant: #191b1e;--md-sys-color-outline: rgba(0,0,0,.12);--md-sys-color-shadow: rgba(0,0,0,.4);--md-sys-color-inverse-surface: #2f3033;--md-sys-color-inverse-on-surface: #f6f7f8;--md-sys-color-inverse-primary: #9ccaff}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--text-muted: rgba(255, 255, 255, .64);--selected-bg: rgba(33, 150, 243, .12);--button-hover-bg: rgba(255, 255, 255, .03);--md-sys-color-primary: #8cc2ff;--md-sys-color-on-primary: #002e50;--md-sys-color-primary-container: #004a88;--md-sys-color-on-primary-container: #d8eeff;--md-sys-color-secondary: #b1c2ea;--md-sys-color-on-secondary: #07203a;--md-sys-color-secondary-container: #1d2e44;--md-sys-color-on-secondary-container: #dfe9ff;--md-sys-color-tertiary: #c9b9ff;--md-sys-color-on-tertiary: #22143f;--md-sys-color-tertiary-container: #392a58;--md-sys-color-on-tertiary-container: #efe6ff;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffd8d8;--md-sys-color-background: var(--color-background);--md-sys-color-on-background: var(--color-text);--md-sys-color-surface: var(--card-bg);--md-sys-color-on-surface: var(--text-color);--md-sys-color-surface-variant: #2b2a31;--md-sys-color-on-surface-variant: #d6d4db;--md-sys-color-outline: rgba(255,255,255,.08);--md-sys-color-shadow: rgba(0,0,0,.8);--md-sys-color-inverse-surface: #f6f7f8;--md-sys-color-inverse-on-surface: #141414;--md-sys-color-inverse-primary: #175ecb}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes highlightPulse{0%,to{background-color:transparent}50%{background-color:#2196f333}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .2s ease}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-slideDown{animation:slideDown .4s cubic-bezier(.4,0,.2,1)}.animate-highlightPulse{animation:highlightPulse 1.2s ease-in-out 2}.animate-duration-fast{animation-duration:.15s!important}.animate-duration-normal{animation-duration:.3s!important}.animate-duration-slow{animation-duration:.5s!important}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-once{animation-iteration-count:1!important}.animate-infinite{animation-iteration-count:infinite!important}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.05)}.hover-opacity{transition:opacity .2s}.hover-opacity:hover{opacity:.8}.transition-fast{transition:all .15s ease}.transition-normal{transition:all .3s ease}.transition-slow{transition:all .5s ease}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-label{display:flex;align-items:center;gap:.25rem;font-weight:500;color:var(--text-primary, #ffffff);font-size:.95rem}.form-label.required:after{content:" *";color:var(--danger-500, #ff6b6b);font-weight:500}.form-input,.form-select{height:var(--control-height);padding:var(--control-padding);border-radius:var(--btn-radius);background-color:var(--input-bg);box-sizing:border-box;border:1px solid #3a3a3a;color:var(--text-color);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--brand-focus);box-shadow:var(--focus-ring);transform:translateY(-1px)}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-primary, #0d0d0d)}.form-input::placeholder,.form-select option::placeholder{color:#888}.form-select{background-color:#1a1a1a;border:1px solid #444}.form-select:focus{box-shadow:0 0 0 3px rgba(var(--brand-rgb),.1)}.form-input:not(:placeholder-shown),textarea.form-input:not(:placeholder-shown){color:#fff;font-weight:500;opacity:.98}.form-help,.help-text,.form-hint{display:block;margin-top:.25rem;color:var(--text-muted);font-size:.8rem;line-height:1.25;font-weight:400}.form-hint-inline{display:inline-block;margin-left:.5rem;color:var(--text-muted);font-size:.75rem;vertical-align:middle}.small-note{color:var(--text-muted);font-size:.75rem;opacity:.9}.flex-1{flex:1;min-width:0}.icon-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:#fff;padding:.35rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.icon-btn:hover{background:#ffffff14}.icon-btn.close{background:none;border:none;color:#b3b3b3;padding:.35rem}.icon-btn.close:hover{background:#333;color:#fff}.icon-btn.delete{background:#e74c3ce6;border-color:#c0392b80}.icon-btn.delete:hover{background:#c0392b}.icon-btn svg{width:18px;height:18px}.icon-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.icon-btn.btn-primary{background-color:var(--brand-focus);color:#fff;border:none}.icon-btn.btn-primary:hover:not(:disabled){background-color:var(--brand-700);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.icon-btn.btn-secondary{background-color:#444;color:#fff;border:1px solid #333}.icon-button{background-color:#3a3a3a;border:1px solid #555;padding:.5rem;border-radius:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .18s ease;font-size:1.1rem;width:36px;height:36px}.icon-button svg,.icon-button svg *{width:18px;height:18px;color:inherit;fill:currentColor;stroke:currentColor}.icon-button:hover:not(:disabled){background-color:#4a4a4a;border-color:#666;transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.icon-button.primary{background-color:var(--brand-500);border-color:transparent;color:#fff}.icon-button.primary:hover:not(:disabled){background-color:var(--brand-600);box-shadow:0 4px 12px rgba(var(--brand-rgb),.14);transform:translateY(-1px)}.icon-button.danger{background-color:#f44336;border-color:transparent;color:#fff}.icon-button.danger:hover:not(:disabled){background-color:#e53935;box-shadow:0 4px 12px #00000029;transform:translateY(-1px)}.icon-button.action-edit,.btn.action-edit,.btn.btn-icon.action-edit{background-color:var(--brand-500);border-color:transparent;color:#fff}.icon-button.action-edit:hover:not(:disabled),.btn.action-edit:hover:not(:disabled),.btn.btn-icon.action-edit:hover:not(:disabled){background-color:var(--brand-600);box-shadow:0 4px 12px rgba(var(--brand-rgb),.14);transform:translateY(-1px)}.icon-button.action-delete,.btn.action-delete,.btn.btn-icon.action-delete{background-color:#f44336;border-color:transparent;color:#fff}.icon-button.action-delete:hover:not(:disabled),.btn.action-delete:hover:not(:disabled),.btn.btn-icon.action-delete:hover:not(:disabled){background-color:#e53935;box-shadow:0 4px 12px #00000029;transform:translateY(-1px)}.icon-button.action-secondary.active:hover:not(:disabled){transform:translateY(-1px)}.icon-button.action-secondary.test{background-color:#ffffff08;color:#adb5bd}.icon-button.action-secondary.test:hover:not(:disabled){background-color:#ffffff0f;color:#fff}.icon-button.action-toggle{background-color:transparent;border-color:transparent;color:#adb5bd}.icon-button.action-toggle:hover:not(:disabled){background-color:#ffffff08}.icon-button.action-toggle.active{color:#4caf50}.icon-button.action-toggle:not(.active){color:#f44336}.icon-button.action-toggle svg,.icon-button.action-toggle svg *{color:inherit;fill:currentColor;stroke:currentColor}.nav-btn.icon-button.primary{background-color:var(--brand-500)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--brand-rgb),.12)!important}.nav-btn.icon-button.primary:hover:not(:disabled){background-color:var(--brand-600)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(var(--brand-rgb),.14)!important}.nav-btn.icon-button.primary svg,.nav-btn.icon-button.primary svg *{color:#fff!important;fill:currentColor!important;stroke:currentColor!important}.icon-button.test-success{color:#4caf50!important;border-color:transparent!important;background-color:transparent!important}.icon-button.test-success svg,.icon-button.test-success svg *{color:inherit!important;fill:currentColor!important;stroke:currentColor!important}.icon-button.test-fail{color:#f44336!important;border-color:transparent!important;background-color:transparent!important}.icon-button.test-fail svg,.icon-button.test-fail svg *{color:inherit!important;fill:currentColor!important;stroke:currentColor!important}.nav-btn.icon-button.danger{background-color:#f44336!important;border-color:transparent!important;color:#fff!important;box-shadow:0 2px 8px #0000001f!important}.nav-btn.icon-button.danger:hover:not(:disabled){background-color:#e53935!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000029!important}.nav-btn.icon-button.danger svg,.nav-btn.icon-button.danger svg *{color:#fff!important;fill:currentColor!important;stroke:currentColor!important}.nav-btn.icon-button:not(.primary):not(.danger){background-color:#3a3a3a!important;border-color:#555!important;color:#fff!important;box-shadow:none!important;transform:none!important}.nav-btn.icon-button:not(.primary):not(.danger) svg,.nav-btn.icon-button:not(.primary):not(.danger) svg *{color:#fff!important;fill:currentColor!important;stroke:currentColor!important}.nav-btn.icon-button:not(.primary):not(.danger):hover:not(:disabled){background-color:#4a4a4a!important;border-color:#666!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #0000001f!important}.icon-button svg{width:18px;height:18px}.icon-button.copied{color:#4caf50}.icon-button:disabled{opacity:.5;cursor:not-allowed}.edit-button,.delete-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:.45rem;border-radius:6px;border:1px solid rgba(255,255,255,.06);background-color:transparent;color:var(--color-text-muted, #adb5bd);cursor:pointer;transition:all .18s ease;font-size:1rem}.edit-button{background-color:rgba(var(--brand-rgb),.12);color:var(--brand-500);border-color:rgba(var(--brand-rgb),.18)}.edit-button:hover:not(:disabled){background-color:var(--brand-500);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-rgb),.14)}.delete-button{background-color:#e74c3c1f;color:#ff6b6b;border-color:#e74c3c33}.delete-button:hover:not(:disabled){background-color:#e74c3c;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c2e}.test-button{background-color:var(--brand-500);color:#fff;padding:.65rem 1rem;border-radius:6px;border:none;box-shadow:0 2px 8px rgba(var(--brand-rgb),.12)}.test-button:hover:not(:disabled){background-color:var(--brand-600);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-rgb),.14)}.btn-add-tag{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--brand-focus);color:#fff;border:none;border-radius:var(--btn-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:var(--control-height);height:var(--control-height)}.btn-add-tag:hover:not(:disabled){background-color:#005fa3;transform:translateY(-1px)}.btn-add-tag:active:not(:disabled){transform:translateY(0)}.btn-add-tag:disabled{opacity:.5;cursor:not-allowed}.inline-browse{display:flex;align-items:center}.btn-inline-browse{padding:.625rem;color:#fff;border:none;border-radius:var(--btn-radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000026}.btn-inline-browse:hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-inline-browse:active{transform:translateY(0)}.btn-inline-browse:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.24)}.btn-inline-browse svg{width:20px;height:20px}.btn-sm.icon-btn,.icon-btn.btn-sm{padding:.35rem;min-width:40px;min-height:40px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.btn-sm.icon-btn svg,.icon-btn.btn-sm svg{width:18px;height:18px}.btn{padding:1rem 1.5rem;height:var(--control-height);border-radius:var(--btn-radius);border:none;background:var(--button-bg);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;transition:all .18s ease;font-size:.9rem;box-sizing:border-box}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus{outline:none;box-shadow:var(--focus-ring)}.btn svg{width:18px;height:18px}.btn-primary{background-color:var(--brand-500);color:#fff;border:1px solid var(--brand-600);box-shadow:0 2px 8px rgba(var(--brand-rgb),.12)}.btn-primary:hover:not(:disabled){background-color:var(--brand-600);border-color:var(--brand-700);box-shadow:0 4px 12px rgba(var(--brand-rgb),.14);transform:translateY(-1px);cursor:pointer}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background-color:#e53935;transform:translateY(-1px)}.btn-sm{font-size:.85rem;padding:.4rem .6rem;height:calc(var(--control-height) - 10px)}.btn-lg,.add-button-large{font-size:1rem;padding:.8rem 1.25rem;height:calc(var(--control-height) + 8px)}.add-button,.add-button-large{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--brand-500);color:#fff;padding:var(--control-padding);border-radius:var(--btn-radius);font-weight:500;min-height:var(--control-height);cursor:pointer}.add-button:hover:not(:disabled),.add-button-large:hover:not(:disabled){background-color:var(--brand-600);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-rgb),.14)}.add-button.added{background-color:#4caf50}.toolbar-btn,.icon-button,.icon-btn{background:none;border:none;color:#adb5bd;padding:.4rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.toolbar-btn:hover,.icon-button:hover,.icon-btn:hover{background-color:#ffffff0f;color:#fff;transform:translateY(-1px)}.toolbar-btn.active{background-color:rgba(var(--brand-rgb),.06);color:#fff}.toolbar-btn svg,.icon-button svg,.icon-btn svg{width:18px;height:18px}.cancel-button{background-color:#555;color:#fff;border:1px solid #444}.cancel-button:hover:not(:disabled){background-color:#666}.search-button,.page-button,.retry-button,.refresh-button,.status-button,.action-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;border:none;cursor:pointer;background:var(--button-bg);color:var(--color-text)}.search-button.cancel-button{background:none;color:#adb5bd}.start-button{background-color:#28a745;color:#fff}.stop-button{background-color:#e74c3c;color:#fff}.invite-button{background-color:var(--brand-500);color:#fff;padding:.5rem .75rem;border-radius:6px}.action-btn,.action-button{background:none;border:none;color:#adb5bd;padding:.4rem;border-radius:6px;cursor:pointer}.action-btn:hover,.action-button:hover{background:#ffffff0f;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#2a2a2a;border:1px solid #444;border-radius:6px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #444}.modal-header h2,.modal-header h3{margin:0;color:#fff;font-size:1.25rem}.close-btn,.modal-close{background:none;border:none;color:#999;cursor:pointer;padding:.5rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover,.modal-close:hover{background-color:#333;color:#fff}.close-btn:focus-visible,.modal-close:focus-visible{outline:2px solid #007acc;outline-offset:2px}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-body--compact{padding:1rem}.modal-body--tight{padding:.75rem}.modal-content .form-body>.form-group{margin-bottom:2rem}.modal-content .radio-group{display:flex;flex-direction:column;gap:.75rem}.modal-content .checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.modal-content .radio-label{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background-color:#1a1a1a;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .12s ease}.modal-content .checkbox-label{display:inline-flex;text-align:left}.modal-content .checkbox-group .input-checkbox{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background-color:#1a1a1a;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .12s ease}.modal-content .radio-label:hover,.modal-content .checkbox-label:hover,.modal-content .checkbox-group .input-checkbox:hover{border-color:var(--brand-focus)}.modal-content .radio-label.active,.modal-content .checkbox-label.active{background-color:rgba(var(--brand-rgb),.15);border-color:var(--brand-focus)}.modal-content .checkbox-group .input-checkbox:has(input[type=checkbox]:checked){background-color:rgba(var(--brand-rgb),.15);border-color:var(--brand-focus)}.modal-content .radio-label input[type=radio],.modal-content .checkbox-label input[type=checkbox],.modal-content .checkbox-group .input-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:.15rem;accent-color:var(--brand-focus);flex-shrink:0}.modal-content .checkbox-group .input-checkbox .checkbox-box{align-self:flex-start;margin-top:.15rem}.modal-content .radio-title{color:#fff;font-weight:500;font-size:.95rem}.modal-content .radio-label:not(.active) .radio-title,.modal-content .checkbox-label:not(.active) .checkbox-title,.modal-content .checkbox-group .input-checkbox:not(.active) .checkbox-label>*{color:#ccc;font-weight:500}.modal-content .radio-content small,.modal-content .checkbox-content small,.modal-content .checkbox-group .input-checkbox .checkbox-label small{color:#999;font-size:.85rem;line-height:1.4}.modal-content .modal-section{margin-bottom:1rem}.modal-content .modal-section--compact{margin-bottom:.75rem}.modal-content .modal-section--loose{margin-bottom:2rem}.modal-actions,.modal-footer{display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid #444}.modal-actions .btn,.modal-footer .btn,.modal-actions .cancel-button,.modal-footer .cancel-button,.modal-actions .delete-button,.modal-footer .delete-button{padding:.65rem 1.25rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:400;font-size:.95rem;min-width:110px;min-height:var(--control-height);box-sizing:border-box;transition:all .18s ease;text-align:center}.modal-actions .btn svg,.modal-footer .btn svg{display:none}.btn{padding:.65rem 1.25rem;border-radius:6px;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;font-size:.95rem;border:none;cursor:pointer;min-width:110px;box-sizing:border-box;transition:all .18s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--brand-focus);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--brand-700)}.btn-info{background-color:var(--brand-500);color:#fff}.btn-info:hover:not(:disabled){background-color:var(--brand-600)}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover:not(:disabled){filter:brightness(.95)}.btn-secondary{background-color:#444;color:#fff;border:1px solid #333}.btn-secondary:hover:not(:disabled){background-color:#555}.modal-actions .btn:focus-visible,.modal-footer .btn:focus-visible{outline:2px solid rgba(var(--brand-rgb),.9);outline-offset:2px}.modal-actions .btn:disabled,.modal-footer .btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.modal-actions .cancel-button,.modal-footer .cancel-button{background-color:#555;color:#fff;border:1px solid #444}.modal-actions .cancel-button:hover:not(:disabled),.modal-footer .cancel-button:hover:not(:disabled){background-color:#666}.modal-actions .btn-info,.modal-footer .btn-info,.modal-actions .info-button,.modal-footer .info-button{background-color:var(--brand-500);color:#fff}.modal-actions .btn-info:hover:not(:disabled),.modal-footer .btn-info:hover:not(:disabled){background-color:var(--brand-600)}.modal-actions .delete-button,.modal-footer .delete-button,.modal-actions .modal-delete-button,.modal-footer .modal-delete-button{padding:.65rem 1.25rem;background-color:#e74c3c1f;color:#ff6b6b;border:1px solid rgba(231,76,60,.3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-weight:500;font-size:1rem;min-width:110px;min-height:var(--control-height);box-shadow:0 6px 16px #e74c3c14}.modal-actions .delete-button:hover:not(:disabled),.modal-footer .delete-button:hover:not(:disabled),.modal-actions .modal-delete-button:hover:not(:disabled),.modal-footer .modal-delete-button:hover:not(:disabled){background-color:#e74c3c;color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px #e74c3c2e}.modal-content .checkbox-wrapper{position:relative;display:flex;align-items:flex-start;gap:.75rem}.modal-content .checkbox-wrapper input[type=checkbox]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:0;margin:0;cursor:pointer;z-index:3}.modal-content .checkbox-content{position:relative;padding-left:26px;display:flex;flex-direction:column;gap:.25rem}.modal-content .checkbox-content:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:3px;background:transparent;border:1px solid rgba(255,255,255,.12);box-sizing:border-box;transition:all .12s ease;z-index:1}.modal-content .checkbox-wrapper input[type=checkbox]:checked+.checkbox-content:before{background:var(--brand-500);border-color:var(--brand-500);box-shadow:none}.modal-content .checkbox-wrapper input[type=checkbox]:checked+.checkbox-content:after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%) rotate(45deg);width:5px;height:8px;border:solid white;border-width:0 2px 2px 0;z-index:4}.modal-content .radio-label{position:relative}.modal-content .radio-label input[type=radio]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:0;margin:0;cursor:pointer;z-index:3}.modal-content .radio-label .radio-content{position:relative;padding-left:28px}.modal-content .radio-label .radio-content:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#1e1e1e;border:1px solid #444;transition:all .12s ease;z-index:1}.modal-content .radio-label input[type=radio]:checked+.radio-content:before{background:var(--brand-focus);border-color:var(--brand-focus);box-shadow:0 0 0 4px rgba(var(--brand-rgb),.08)}.modal-content .radio-label input[type=radio]:checked+.radio-content:after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#fff;z-index:4}.modal-content .checkbox-wrapper input[type=checkbox]:focus-visible+.checkbox-content:before,.modal-content .radio-label input[type=radio]:focus-visible+.radio-content:before{outline:3px solid rgba(var(--brand-rgb),.12);outline-offset:2px}.modal-sm{max-width:420px}.modal-md{max-width:700px}.modal-lg{max-width:1000px}.dialog-overlay,.confirm-overlay,.match-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog,.confirm-dialog,.match-dialog{background:#2a2a2a;border:1px solid #444;border-radius:6px;width:100%;box-shadow:0 10px 40px #00000080;overflow:hidden;display:flex;flex-direction:column}.dialog,.match-dialog{max-width:700px}.confirm-dialog{max-width:520px}.dialog .dialog-header,.confirm-dialog .confirm-header,.match-dialog .match-header{padding:1.25rem 1.5rem;border-bottom:1px solid #444}.dialog .dialog-body,.confirm-dialog .confirm-body,.match-dialog .match-body{padding:1.5rem 1.75rem;overflow-y:auto}.dialog .dialog-actions,.confirm-dialog .confirm-actions,.match-dialog .match-actions{padding:1rem 1.5rem;border-top:1px solid #444;display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.modal-actions,.modal-footer,.dialog .dialog-actions,.confirm-dialog .confirm-actions,.match-dialog .match-actions{flex-wrap:wrap;gap:.75rem}.modal-actions .btn,.modal-footer .btn,.dialog .dialog-actions .btn,.confirm-dialog .confirm-actions .btn,.match-dialog .match-actions .btn{flex:1 1 auto;min-width:0;justify-content:center}}.modal-content .form-group{margin-bottom:1.5rem}.modal-content .form-group:last-of-type{margin-bottom:0}.modal-content .form-group>.form-group,.modal-content .form-group .radio-group,.modal-content .form-group .checkbox-group{margin-bottom:0}.modal-content .form-group--compact{margin-bottom:.5rem}.modal-content .form-group--no-margin{margin-bottom:0}.modal-content .form-group label{font-weight:500;color:#fff;font-size:.95rem}.modal-content .form-label{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-weight:500;color:#fff;font-size:.95rem}.modal-content .form-label svg,.modal-content .form-label svg *{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor!important}.modal-content .info-section svg,.modal-content .info-section svg *{width:20px;height:20px;flex-shrink:0;margin-top:.125rem;color:inherit;display:inline-block;vertical-align:middle;fill:currentColor!important}.modal-content .btn-edit-destination svg,.modal-content .icon-btn svg{width:16px;height:16px;display:inline-block;vertical-align:middle;fill:currentColor!important}.ph-spin{animation:spin 1s linear infinite}.modal-content .form-label i{display:none!important}.modal-content .form-label svg{display:inline-block!important}.modal-content .info-section svg{display:inline-block!important}.modal-content .form-control-card{background-color:#232323;border:1px solid #333;border-radius:8px;padding:1rem;box-shadow:0 6px 18px #00000040}.modal-content .form-control-card>*+*{margin-top:.6rem}.modal-content .form-control-card .destination-readonly,.modal-content .form-control-card .tags-list{background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;min-height:0!important}.modal-content .form-group label.required:after{content:" *";color:#dc3545}.modal-content .input-with-icon{position:relative;display:flex;align-items:center}.modal-content .input-with-icon i,.modal-content .input-with-icon svg{position:absolute;left:.75rem;color:#999;font-size:1.1rem;width:18px;height:18px;pointer-events:none;display:inline-block}.modal-content input.form-control,.modal-content select.form-control,.modal-content textarea.form-control{width:100%;padding:.75rem;font-size:.95rem;border:1px solid #444;border-radius:6px;background-color:#1a1a1a;color:#fff;transition:all .2s}.modal-content input.form-control:focus,.modal-content select.form-control:focus,.modal-content textarea.form-control:focus{outline:none;border-color:var(--brand-focus);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.1)}.modal-content .form-control::placeholder{color:#666}.modal-content .help-text{display:block;font-size:.85rem;color:#999;line-height:1.4}.modal-content .help-text--compact{margin:.25rem 0 .5rem;font-size:.82rem}.modal-content .btn-inline-browse{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;align-self:center}.modal-content .btn-inline-browse svg{width:18px;height:18px}.modal-content .btn-inline-browse:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.modal-content .folder-browser.no-inner-card .browser-content,.folder-browser.no-inner-card .browser-content{background:transparent;border:none;box-shadow:none;margin:0}.modal-content .folder-browser.no-inner-card .browser-body,.folder-browser.no-inner-card .browser-body{padding:0;overflow-y:auto}.modal-content .folder-browser .validation-message{display:block;width:100%;padding:.85rem 1rem;border-radius:6px;margin-bottom:1rem;font-weight:500}.modal-content .folder-browser .validation-message.success{background:#2ecc7114;color:#22a35a;border:1px solid rgba(46,204,113,.12)}.modal-content .folder-browser .validation-message.error{background:#e74c3c0f;color:#e74c3c;border:1px solid rgba(231,76,60,.08)}.modal-content .folder-browser .breadcrumbs{margin-bottom:.75rem}.modal-content .folder-browser .breadcrumb-item.current{background:rgba(var(--brand-rgb),.08);color:var(--brand-600);border-color:rgba(var(--brand-rgb),.12)}.modal-content .folder-browser .directory-list{margin-top:.5rem}.modal-content .folder-browser .browser-input{background-color:#1a1a1a;border:1px solid #444;color:#fff;padding:.75rem;border-radius:6px;transition:all .2s}.modal-content .folder-browser .browser-input:focus{outline:none;border-color:var(--brand-focus);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.1)}.modal-content .folder-browser .browser-input::placeholder{color:#666}.modal-content .folder-browser .current-path .path-text{background:transparent;padding:0}.modal-content .modal-section-title{margin:0 0 .75rem;color:#fff;font-size:1.1rem;display:flex;gap:.5rem;align-items:center;font-weight:500}.modal-content .modal-section-body{background:transparent;border:none;padding:0 0 1rem;margin-bottom:1rem}.modal-content .section-card{background-color:#232323;border:1px solid #333;border-radius:8px;padding:.75rem;margin-top:.5rem;box-shadow:0 6px 14px #0003}.modal-content .section-card.section-card--no-top{margin-top:0}.modal-content .section-card>*:first-child{margin-top:0}.modal-content .section-card>*:last-child{margin-bottom:0}:root{--toast-top-offset: 72px;--toast-z: 3100}.global-toast{position:fixed;top:var(--toast-top-offset);right:1rem;z-index:var(--toast-z);display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.global-toast .toast-item{pointer-events:auto;display:flex;align-items:flex-start;gap:.75rem;min-width:260px;max-width:420px;padding:.75rem 1rem;border-radius:8px;box-shadow:0 8px 24px #00000073;color:#fff}.global-toast .toast-content{flex:1;overflow:hidden}.global-toast .toast-title{font-weight:500;font-size:.95rem;margin-bottom:.25rem}.global-toast .toast-message{font-size:.9rem;color:#ffffffe6;word-break:break-word}.global-toast .toast-close{background:transparent;border:none;color:#ffffffd9;font-size:1.1rem;line-height:1;cursor:pointer}.global-toast .toast-info{background-color:var(--toast-info-bg, #1976d2)!important;border-left:4px solid var(--toast-info-accent, #125ea8)!important;color:var(--toast-info-color, #ffffff)!important;box-shadow:0 10px 30px #1976d21f}.global-toast .toast-success{background-color:var(--toast-success-bg, #28a745)!important;border-left:4px solid var(--toast-success-accent, #1e7e34)!important;color:var(--toast-success-color, #ffffff)!important;box-shadow:0 10px 30px #28a74526}.global-toast .toast-warning{background-color:var(--toast-warning-bg, #856404)!important;border-left:4px solid var(--toast-warning-accent, #6d5103)!important;color:var(--toast-warning-color, #ffffff)!important;box-shadow:0 10px 30px #85640447}.global-toast .toast-warning .toast-message{color:#fffffff2}.global-toast .toast-warning .toast-close{color:#ffffffd9}.global-toast .toast-error{background-color:var(--toast-error-bg, #e74c3c)!important;border-left:4px solid var(--toast-error-accent, #c0392b)!important;color:var(--toast-error-color, #fff1f0)!important}.global-toast .toast-enter-active,.global-toast .toast-leave-active{transition:all .22s cubic-bezier(.2,.8,.2,1)}.global-toast .toast-enter-from{opacity:0;transform:translateY(8px)}.global-toast .toast-enter-to,.global-toast .toast-leave-from{opacity:1;transform:translateY(0)}.global-toast .toast-leave-to{opacity:0;transform:translateY(8px)}.section{padding:1.25rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.section-title{color:var(--brand-500)}.brand-gradient{background-color:var(--brand-600);color:#fff}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:flex-start;justify-content:flex-start}.flex-end{display:flex;align-items:flex-end;justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-success{color:var(--success-500)}.text-danger{color:var(--danger-500)}.text-warning{color:var(--warning-500)}.text-info{color:var(--info-500)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold,.font-semibold{font-weight:500}.font-normal{font-weight:400}.font-light{font-weight:300}.text-sm{font-size:.85rem}.text-base{font-size:.95rem}.text-lg{font-size:1.1rem}.text-xl{font-size:1.25rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.line-clamp-1{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-200{min-height:200px}.min-h-300{min-height:300px}.max-w-sm{max-width:28rem}.max-w-md{max-width:32rem}.max-w-lg{max-width:36rem}.max-w-xl{max-width:42rem}.max-w-2xl{max-width:56rem}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid #444}.border-none{border:none}.border-t{border-top:1px solid #333}.border-b{border-bottom:1px solid #333}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-surface{background-color:var(--bg-surface)}.bg-success{background-color:var(--success-500)}.bg-danger{background-color:var(--danger-500)}.bg-warning{background-color:var(--warning-500)}.bg-info{background-color:var(--info-500)}.bg-transparent{background-color:transparent}.disabled{opacity:.5;cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.ph-spin{display:inline-block;animation:ph-spin 1s linear infinite}@keyframes ph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{width:100%}}.form-group.checkbox-group{margin-bottom:1rem}.form-body>.form-group{margin-bottom:1rem}.checkbox-group label{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;background-color:#1a1a1a;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s}.checkbox-group label span{display:flex;flex-direction:column;gap:.25rem}.checkbox-group label span small{color:#999;font-size:.85rem;font-weight:400}.checkbox-group label:hover{border-color:var(--brand-focus);background-color:#222}.checkbox-group input[type=checkbox]{margin-top:.25rem;width:auto;cursor:pointer}.checkbox-group input[type=checkbox]:focus-visible{outline:2px solid rgba(var(--brand-rgb),.9);outline-offset:2px}.checkbox-group label strong{color:#fff;font-size:.95rem}.checkbox-group label small{color:#999;font-size:.85rem;font-weight:400}.checkbox-group small{color:#adb5bd;font-size:.85rem;line-height:1.4}:root{--control-height: 2.625rem;--control-padding-y: .625rem;--control-padding-x: .75rem;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--btn-padding-y: .75rem;--btn-padding-x: 1.5rem;--btn-font-size: .95rem;--btn-height: var(--control-height);--transition-fast: .18s ease;--transition-normal: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 6px 24px rgba(0, 0, 0, .2);--overlay-light: rgba(255, 255, 255, .04);--overlay-lighter: rgba(255, 255, 255, .1);--overlay-medium: rgba(255, 255, 255, .15);--overlay-focus: rgba(33, 150, 243, .2)}button{font-family:inherit;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem}button:disabled{cursor:not-allowed}.btn{padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--border-radius-md);font-weight:500;font-size:var(--btn-font-size);height:var(--btn-height);display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-normal);border:none;cursor:pointer}.btn-primary{padding:var(--btn-padding-y) var(--btn-padding-x);background:var(--brand-600);color:#fff;border-radius:var(--border-radius-md);font-weight:500;font-size:var(--btn-font-size);height:var(--btn-height);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--brand-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2),var(--shadow-md)}.btn-primary:disabled{opacity:.5;transform:none}.btn-secondary{padding:var(--btn-padding-y) var(--btn-padding-x);background:#ffffff1f;color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);font-weight:500;font-size:var(--btn-font-size);height:var(--btn-height);transition:all var(--transition-normal);box-shadow:0 2px 4px #0000001a}.btn-secondary:hover:not(:disabled){background:#ffffff29;border-color:#ffffff4d;color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}.btn-secondary:disabled{opacity:.5;transform:none}.btn-ghost{padding:var(--control-padding-y) var(--control-padding-x);background:transparent;color:#b0bec5;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);font-weight:400;font-size:.9rem;transition:all var(--transition-normal)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:#cfd8dc}.btn-ghost:disabled{opacity:.5}.btn-accent{padding:var(--btn-padding-y) var(--btn-padding-x);background:#1e88e5;color:#fff;border:none;border-radius:var(--border-radius-md);font-weight:500;font-size:var(--btn-font-size);height:var(--btn-height);box-shadow:0 6px 24px #1e88e552;transition:all var(--transition-smooth);position:relative;overflow:hidden}.btn-accent:hover:not(:disabled){box-shadow:0 8px 32px #1e88e566;transform:translateY(-2px)}.btn-accent:focus-visible{outline:none;box-shadow:0 0 0 6px #4dabf729,0 8px 32px #1e88e566}.btn-accent:disabled{opacity:.5;box-shadow:var(--shadow-sm);transform:none}.btn-success{padding:var(--btn-padding-y) var(--btn-padding-x);background:#43a047;color:#fff;border:none;border-radius:var(--border-radius-md);font-weight:500;font-size:var(--btn-font-size);height:var(--btn-height);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:#2e7d32;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success:disabled{opacity:.5}.search-btn{padding:.6rem 1.4rem;background:#1e88e5;color:#fff;border:none;border-radius:var(--border-radius-md);font-weight:500;font-size:.9rem;min-width:120px;height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 24px #1e88e552;position:relative;overflow:hidden;cursor:pointer}.search-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.search-btn:hover:not(:disabled):before{left:100%}.search-btn:hover:not(:disabled){background:#1976d2;box-shadow:0 6px 24px #1e88e566;transform:translateY(-2px)}.search-btn:focus-visible{outline:none;box-shadow:0 0 0 6px #4dabf729,0 6px 24px #1e88e547}.search-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1e88e54d}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #1e88e533}.advanced-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000001a;min-width:110px;position:absolute;top:0;right:0;padding:.75rem 1.5rem;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.advanced-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.search-btn.audible-btn{background:#f90;box-shadow:0 2px 8px #ff99004d}.search-btn.audible-btn:hover:not(:disabled){background:#f70;box-shadow:0 4px 12px #f906}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500;white-space:nowrap;background:#2196f326;color:#b3e5fc;border:1px solid rgba(33,150,243,.3);transition:all var(--transition-fast)}.badge:hover{background:#2196f340;border-color:#2196f380}.badge-primary{background:#2196f326;color:#b3e5fc;border-color:#2196f34d}.badge-success{background:#4caf5026;color:#c8e6c9;border-color:#4caf504d}.badge-warning{background:#ffc10726;color:#fff9c4;border-color:#ffc1074d}.badge-danger{background:#f4433626;color:#ffcdd2;border-color:#f443364d}.badge-info{background:#2196f326;color:#b3e5fc;border-color:#2196f34d}.badge-metadata{font-size:.75rem;padding:.25rem .5rem;background:#9c27b01f;color:#d1c4e9;border-color:#9c27b040}.form-input{width:100%;height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);background-color:#1a1a1a;color:#fff;border:1px solid #444;border-radius:var(--border-radius-md);font-family:inherit;font-size:.95rem;transition:all var(--transition-normal);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.1);background-color:#0000004d}.form-input:hover:not(:focus){border-color:#555;background-color:#222}.form-input.error{border-color:#fa5252;box-shadow:0 0 0 3px #fa52521a}.form-input::placeholder{color:#666}select.form-input{padding-right:2.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.125rem}select.form-input option{background-color:#1a1a1a;color:#fff;padding:.5rem}select.form-input:hover{border-color:#555}select.form-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.1)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;flex:1}.form-group label{display:block;color:#fff;font-weight:500;font-size:.9rem;letter-spacing:-.01em}.form-group .form-hint,.form-group .form-error{font-size:.8rem;margin-top:.25rem}.form-group .form-hint{color:#9ca3af}.form-group .form-error{color:#fa5252}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.section{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);margin-bottom:1.5rem}.section.compact{padding:1rem;margin-bottom:1rem}.section.elevated{background:#ffffff0a;box-shadow:var(--shadow-sm);border-color:#ffffff26}.flex-row{display:flex;align-items:center;gap:1rem}.flex-col{display:flex;flex-direction:column;gap:1rem}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.flex-center{display:flex;align-items:center;justify-content:center;gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.slide-down-enter-active{animation:slideDown var(--transition-smooth)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-smooth)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:1024px){.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-3{grid-template-columns:repeat(2,1fr)}.advanced-btn{position:static;width:100%;justify-content:center}}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:.75rem}.grid-2,.grid-3{grid-template-columns:1fr}.btn-primary,.btn-secondary,.btn-accent,.btn-success{width:100%;justify-content:center}.flex-row,.flex-between,.flex-center{flex-direction:column;align-items:stretch}.section{padding:1rem;margin-bottom:1rem}}@media(max-width:480px){.control-height{--control-height: 2.375rem}.btn-primary,.btn-secondary,.form-input{font-size:.9rem;padding:.6rem .75rem}.badge{font-size:.7rem;padding:.3rem .5rem}.section{padding:.75rem;border-radius:var(--border-radius-sm)}}.modal-overlay[data-v-3bdef7c7]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.notification-modal[data-v-3bdef7c7]{background:#2a2a2a;border-radius:6px;padding:1.5rem;max-width:500px;width:100%;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 8px 32px #0006;position:relative;animation:slideIn-3bdef7c7 .3s ease-out}.notification-icon[data-v-3bdef7c7]{flex-shrink:0}.notification-icon i[data-v-3bdef7c7]{font-size:2.5rem}.notification-success .notification-icon i[data-v-3bdef7c7]{color:#4caf50}.notification-error .notification-icon i[data-v-3bdef7c7]{color:#f44336}.notification-warning .notification-icon i[data-v-3bdef7c7]{color:#ff9800}.notification-info .notification-icon i[data-v-3bdef7c7]{color:var(--brand-500)}.notification-content[data-v-3bdef7c7]{flex:1;color:#fff}.notification-content h3[data-v-3bdef7c7]{margin:0 0 .5rem;font-size:1.25rem;font-weight:500}.notification-content p[data-v-3bdef7c7]{margin:0;line-height:1.5;color:#ccc}.notification-close[data-v-3bdef7c7]{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#999;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;font-size:1.25rem}.notification-close[data-v-3bdef7c7]:hover{color:#fff}.modal-enter-active[data-v-3bdef7c7],.modal-leave-active[data-v-3bdef7c7]{transition:opacity .3s ease}.modal-enter-from[data-v-3bdef7c7],.modal-leave-to[data-v-3bdef7c7]{opacity:0}.modal-enter-active .notification-modal[data-v-3bdef7c7]{animation:slideIn-3bdef7c7 .3s ease-out}.modal-leave-active .notification-modal[data-v-3bdef7c7]{animation:slideOut-3bdef7c7 .3s ease-in}@keyframes slideIn-3bdef7c7{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut-3bdef7c7{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@media(max-width:768px){.notification-modal[data-v-3bdef7c7]{max-width:calc(100vw - 2rem)}.notification-icon i[data-v-3bdef7c7]{font-size:2rem}.notification-content h3[data-v-3bdef7c7]{font-size:1.1rem}}.modal-content[data-v-5ba741a7]{max-width:700px}.modal-sm[data-v-5ba741a7]{max-width:420px}.modal-md[data-v-5ba741a7]{max-width:700px}.modal-lg[data-v-5ba741a7]{max-width:1000px}.modal-title-wrap[data-v-9419e652]{display:flex;align-items:center;justify-content:space-between;width:100%}.modal-title[data-v-9419e652]{display:flex;align-items:center;gap:.5rem;flex:1}.modal-title h3[data-v-9419e652]{margin:0;color:#fff;font-size:1.125rem;display:flex;align-items:center;gap:.5rem;line-height:1}[data-v-9419e652] .modal-header{padding-top:1rem;padding-bottom:1rem}.modal-subtitle[data-v-9419e652]{display:block;color:#999;font-size:.85rem}.modal-header-actions[data-v-9419e652]{display:flex;align-items:center;gap:.5rem}.modal-icon[data-v-9419e652]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit}.visually-hidden[data-v-9419e652]{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.close-btn[data-v-9419e652]{background:none;border:none;color:#999;cursor:pointer;padding:.5rem;font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn[data-v-9419e652]:hover{background-color:#333;color:#fff}.modal-footer[data-v-6af888cd]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-top:1px solid #444}.modal-footer-left[data-v-6af888cd]{display:flex;gap:.75rem;align-items:center;flex:0 0 auto}.modal-footer-actions[data-v-6af888cd]{display:flex;gap:.75rem;align-items:center;margin-left:0}@media(max-width:480px){.modal-footer[data-v-6af888cd]{flex-direction:column;align-items:stretch}.modal-footer-left[data-v-6af888cd]{order:0;margin-bottom:.5rem;align-items:flex-start}.modal-footer-actions[data-v-6af888cd]{order:1;display:flex;gap:.5rem;justify-content:stretch}.modal-footer-actions .btn[data-v-6af888cd]{width:100%}}.modal-body[data-v-146d03c0]{padding:2rem;overflow-y:auto;flex:1}.no-padding[data-v-146d03c0]{padding:0}.modal-form[data-v-45c23af4]{display:flex;flex-direction:column;min-height:100%}.confirm-description[data-v-6cfe2596]{padding:.5rem 0;color:#cfd8dc}.path-comparison[data-v-6cfe2596]{display:flex;flex-direction:column;gap:1rem;background:#252526;border-radius:8px;padding:1rem}.path-section[data-v-6cfe2596]{display:flex;flex-direction:column;gap:.5rem}.path-label[data-v-6cfe2596]{display:flex;gap:.5rem;align-items:center;color:#ddd}.path-display code[data-v-6cfe2596]{background:#1f1f1f;padding:.5rem;border-radius:6px;color:#e6eef8}.confirm-options[data-v-6cfe2596],.checkbox-row[data-v-6cfe2596]{margin-top:.5rem}.checkbox-label[data-v-6cfe2596]{display:flex;gap:.75rem;align-items:flex-start;text-align:left}.checkbox-content[data-v-6cfe2596]{display:flex;flex-direction:column}.checkbox-content small[data-v-6cfe2596]{color:#bfc8cc;margin-top:4px}.checkbox-content .checkbox-title[data-v-6cfe2596]{font-weight:500;color:#e6eef8}.confirm-note[data-v-6cfe2596]{color:#bfc8cc;font-size:.9rem;margin-top:.75rem}.hardlink-warning[data-v-6cfe2596]{display:flex;gap:.75rem;align-items:flex-start;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:6px;padding:.75rem;color:#ffb74d;margin-top:.5rem}.hardlink-warning svg[data-v-6cfe2596]{flex-shrink:0;color:#ffb74d}.warning-content[data-v-6cfe2596]{display:flex;flex-direction:column;gap:.25rem}.warning-content strong[data-v-6cfe2596]{color:#fff;font-size:.95rem}.warning-content p[data-v-6cfe2596]{margin:0;color:#ddd;font-size:.9rem;line-height:1.4}.modal-footer .cancel-button[data-v-6cfe2596],.modal-footer .btn[data-v-6cfe2596]{min-width:120px}.confirm-body p[data-v-6a4498a4]{color:#ddd;margin:0 0 .5rem}.form-group[data-v-ccde06c7]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-label[data-v-ccde06c7]{display:flex;align-items:center;gap:.25rem;font-weight:500;color:#fff;font-size:.95rem}.required-indicator[data-v-ccde06c7]{color:#ff6b6b;font-weight:500}.help-text[data-v-ccde06c7]{display:block;margin-top:.25rem;color:#999;font-size:.85rem;line-height:1.4}.error-text[data-v-ccde06c7]{display:block;margin-top:.25rem;color:#ff6b6b;font-size:.85rem;line-height:1.4}.empty-state[data-v-9ea814e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#999;min-height:300px}.empty-icon[data-v-9ea814e3]{margin-bottom:1.5rem;color:#666;font-size:3rem;display:flex;align-items:center;justify-content:center}.empty-icon[data-v-9ea814e3] svg{width:48px;height:48px;color:inherit}.empty-title[data-v-9ea814e3]{margin:0 0 .5rem;color:#fff;font-size:1.25rem;font-weight:500}.empty-message[data-v-9ea814e3]{margin:0 0 2rem;color:#999;font-size:.95rem;max-width:400px;line-height:1.5}.empty-actions[data-v-9ea814e3]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.loading-state[data-v-ab335ac4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;min-height:200px}.spinner[data-v-ab335ac4]{display:flex;align-items:center;justify-content:center}.spinner[data-v-ab335ac4] svg{animation:spin 1s linear infinite;color:var(--brand-500, #2196f3)}.loading-message[data-v-ab335ac4]{margin:0;color:#ccc;font-size:.95rem}.status-card[data-v-e34d3469]{background:#232323;border:1px solid #333;border-radius:8px;padding:1.5rem;box-shadow:0 6px 18px #00000040;transition:all .2s}.status-card[data-v-e34d3469]:hover{border-color:#444;transform:translateY(-2px)}.status-header[data-v-e34d3469]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #333}.card-title[data-v-e34d3469]{display:flex;align-items:center;gap:.75rem}.card-title[data-v-e34d3469] svg{font-size:1.5rem;color:var(--brand-focus)}.card-title h3[data-v-e34d3469]{margin:0;color:#fff;font-size:1.1rem;font-weight:500}.info-card[data-v-ddab7655]{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#232323;border:1px solid #333;border-radius:8px;box-shadow:0 6px 18px #00000040;transition:all .2s}.info-card[data-v-ddab7655]:hover{border-color:#444;transform:translateY(-1px)}.info-icon[data-v-ddab7655]{font-size:2rem;color:var(--brand-focus);flex-shrink:0}.info-content[data-v-ddab7655]{flex:1;display:flex;flex-direction:column;gap:.25rem}.info-content label[data-v-ddab7655]{font-size:.875rem;color:#aaa;font-weight:500}.info-content span[data-v-ddab7655]{color:#fff;font-size:1rem}.info-content .percentage[data-v-ddab7655]{color:#888;font-size:.875rem}.progress-wrapper[data-v-98b2c06b]{display:flex;flex-direction:column;gap:.5rem;width:100%}.progress-label[data-v-98b2c06b]{font-size:.875rem;font-weight:500;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.progress-container[data-v-98b2c06b]{width:100%;border-radius:6px;overflow:hidden;transition:height .2s}.progress-container.height-small[data-v-98b2c06b]{height:6px}.progress-container.height-medium[data-v-98b2c06b]{height:10px}.progress-container.height-large[data-v-98b2c06b]{height:14px}.progress-container[data-variant=default][data-v-98b2c06b]{background-color:#333}.progress-container[data-variant=storage][data-v-98b2c06b]{background:#333}.progress-container[data-variant=download][data-v-98b2c06b],.progress-container[data-variant=activity][data-v-98b2c06b]{background-color:#0000004d;box-shadow:inset 0 1px 3px #0000004d}.progress-fill[data-v-98b2c06b]{height:100%;border-radius:6px;transition:width .3s ease}.progress-fill.fill-default[data-v-98b2c06b]{background-color:var(--brand-500)}.progress-fill.fill-storage[data-v-98b2c06b]{background:linear-gradient(90deg,var(--brand-focus),var(--brand-500))}.progress-fill.fill-storage.warning[data-v-98b2c06b]{background:linear-gradient(90deg,#f39c12,#f1c40f)}.progress-fill.fill-storage.danger[data-v-98b2c06b]{background:linear-gradient(90deg,#e74c3c,#c0392b)}.progress-fill.fill-download[data-v-98b2c06b]{background-color:#3498db}.progress-fill.fill-activity[data-v-98b2c06b]{background:linear-gradient(90deg,#1e88e5,#42a5f5);box-shadow:0 1px 3px #0003}.progress-fill.fill-activity.animating[data-v-98b2c06b]{animation:progress-shimmer-98b2c06b 2s infinite}@keyframes progress-shimmer-98b2c06b{0%,to{background:linear-gradient(90deg,#1e88e5,#42a5f5)}50%{background:linear-gradient(90deg,#42a5f5,#1e88e5)}}.progress-info[data-v-98b2c06b]{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;flex-wrap:wrap}.info-item[data-v-98b2c06b]{display:flex;align-items:center;gap:.35rem}.percentage[data-v-98b2c06b]{font-weight:500;color:#fff;font-size:.9rem}.size[data-v-98b2c06b]{color:#999}.progress-wrapper.storage[data-v-98b2c06b]{margin-bottom:.75rem}.progress-wrapper.download[data-v-98b2c06b]{margin-bottom:1rem}.pill[data-v-fcdc46ac]{display:inline-flex;align-items:center;gap:.35rem;border-radius:6px;font-weight:500;white-space:nowrap;transition:all .2s;border:1px solid transparent}.pill-small[data-v-fcdc46ac]{padding:.2rem .5rem;font-size:.7rem}.pill-medium[data-v-fcdc46ac]{padding:.375rem .75rem;font-size:.75rem}.pill-large[data-v-fcdc46ac]{padding:.5rem 1rem;font-size:.85rem}.pill-default[data-v-fcdc46ac]{background-color:#9ca3af26;color:#d1d5db;border-color:#9ca3af4d}.pill-primary[data-v-fcdc46ac]{background-color:#2196f326;color:#2196f3;border-color:#2196f34d}.pill-success[data-v-fcdc46ac]{background-color:#2ecc7126;color:#2ecc71;border-color:#2ecc714d}.pill-warning[data-v-fcdc46ac]{background-color:#f39c1226;color:#f39c12;border-color:#f39c124d}.pill-error[data-v-fcdc46ac]{background-color:#e74c3c26;color:#e74c3c;border-color:#e74c3c4d}.pill-info[data-v-fcdc46ac]{background-color:#9b59b626;color:#9b59b6;border-color:#9b59b64d}.pill-count[data-v-fcdc46ac]{background-color:var(--brand-500);color:#fff;border-color:var(--brand-500);font-weight:500;min-width:1.5rem;justify-content:center}.pill-subtle[data-v-fcdc46ac]{background-color:#ffffff0d;color:#aaa;border-color:#ffffff1a}.pill.outlined[data-v-fcdc46ac]{background-color:transparent!important}.pill[data-v-fcdc46ac] svg{width:.875em;height:.875em;flex-shrink:0}@font-face{font-family:Figtree;src:url(/fonts/Figtree-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}#app[data-v-94c665ed]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;min-height:calc(100vh - 60px);background-color:#1a1a1a;color:#fff}.top-nav[data-v-94c665ed]{background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;padding:0 1rem;height:60px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-brand[data-v-94c665ed]{display:flex;align-items:center;gap:.75rem}.brand-logo[data-v-94c665ed]{width:40px;height:40px;transition:transform .2s;filter:brightness(0) saturate(100%) invert(51%) sepia(56%) saturate(3237%) hue-rotate(184deg) brightness(97%) contrast(97%)}.brand-logo[data-v-94c665ed]:hover{transform:rotate(5deg) scale(1.05)}.nav-brand h1[data-v-94c665ed]{margin:0;font-size:1.5rem;font-weight:500;color:#fff;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.version[data-v-94c665ed]{background-color:#555;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;color:#ccc}.nav-actions[data-v-94c665ed]{display:flex;align-items:center;gap:1rem}.nav-user[data-v-94c665ed]{position:relative}.nav-user-btn[data-v-94c665ed]{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.nav-user-icon[data-v-94c665ed]{font-size:18px}.user-menu[data-v-94c665ed]{position:absolute;right:0;top:48px;background:#252525;border:1px solid #3a3a3a;border-radius:6px;min-width:160px;box-shadow:0 6px 18px #00000080;z-index:1200;padding:.25rem 0}.user-menu-item[data-v-94c665ed]{display:block;width:100%;padding:.5rem 1rem;background:transparent;border:none;color:#ddd;text-align:left;cursor:pointer}.user-menu-item.username[data-v-94c665ed]{font-weight:500;color:#fff}.user-menu-item[data-v-94c665ed]:hover{background:#333}.nav-btn[data-v-94c665ed]{background:none;border:none;color:#ccc;cursor:pointer;padding:.5rem;border-radius:6px;position:relative;transition:background-color .2s}.nav-btn[data-v-94c665ed]:hover{background-color:#3a3a3a;color:#fff}.signalr-indicator[data-v-94c665ed]{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:transparent;color:#c7cfd6;font-size:12px}.signalr-dot[data-v-94c665ed]{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 6px #0009}.signalr-dot.connected[data-v-94c665ed]{background:#4caf50;box-shadow:0 0 6px #4caf5066}.signalr-dot.disconnected[data-v-94c665ed]{background:#9e9e9e;opacity:.6}.signalr-text[data-v-94c665ed]{font-size:12px;color:#bfc8cf}.signalr-auth[data-v-94c665ed]{font-size:11px;color:#9aa0a6;margin-left:6px}.avatar[data-v-94c665ed]{width:32px;height:32px;border-radius:50%;cursor:pointer}.app-layout[data-v-94c665ed]{display:flex;margin-top:60px;min-height:calc(100vh - 60px)}.app-layout.no-top[data-v-94c665ed]{margin-top:0}.sidebar[data-v-94c665ed]{width:200px;background-color:#2a2a2a;border-right:1px solid #3a3a3a;position:fixed;left:0;top:60px;bottom:0;overflow-y:auto}.sidebar-nav[data-v-94c665ed]{padding:1rem 0}.nav-section[data-v-94c665ed]{margin-bottom:1.5rem}.nav-item[data-v-94c665ed]{display:flex;align-items:center;padding:.75rem 1rem;color:#ccc;text-decoration:none;transition:all .2s;position:relative;gap:.75rem}.sidebar .nav-item .pill-count[data-v-94c665ed],.sidebar .nav-item .pill.pill-count[data-v-94c665ed]{margin-left:auto}.nav-item[data-v-94c665ed]:hover{background-color:#3a3a3a;color:#fff}.nav-item.router-link-active[data-v-94c665ed]{background-color:var(--brand-500);color:#fff}.sidebar .nav-item.router-link-active svg[data-v-94c665ed],.sidebar .nav-item.router-link-active .ph[data-v-94c665ed]{color:#fff}.nav-item.router-link-active[data-v-94c665ed]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--brand-500)}.icon-audiobooks[data-v-94c665ed]:before{content:"�"}.icon-plus[data-v-94c665ed]:before{content:"+"}.icon-import[data-v-94c665ed]:before{content:"📁"}.icon-calendar[data-v-94c665ed]:before{content:"📅"}.icon-activity[data-v-94c665ed]:before{content:"⏱️"}.icon-wanted[data-v-94c665ed]:before{content:"⚠️"}.icon-settings[data-v-94c665ed]:before{content:"⚙️"}.icon-system[data-v-94c665ed]:before{content:"💻"}.icon-search[data-v-94c665ed]:before{content:"🔍"}.icon-bell[data-v-94c665ed]:before{content:"🔔"}.notification-badge[data-v-94c665ed]{background-color:#f39c12;color:#fff;border-radius:6px;padding:.1rem .3rem;font-size:.65rem;font-weight:500;position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:10}.main-content[data-v-94c665ed]{flex:1;margin-left:200px;background-color:#1a1a1a;min-height:calc(100vh - 60px);width:calc(100vw - 217px)}.main-content.full-page[data-v-94c665ed]{margin-left:0;margin-top:0;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px)}.fullpage-wrapper[data-v-94c665ed]{width:100%;max-width:480px;padding:1.25rem 1rem;box-sizing:border-box}@media(max-width:768px){.fullpage-wrapper[data-v-94c665ed]{padding:1rem .75rem;max-width:440px;margin:0 12px}}@media(max-width:480px){.fullpage-wrapper[data-v-94c665ed]{padding:.75rem .5rem;max-width:360px;margin:0 8px}}@media(max-width:768px){.sidebar[data-v-94c665ed]{transform:translate(-100%);transition:transform .3s}.sidebar.open[data-v-94c665ed]{transform:translate(0)}.main-content[data-v-94c665ed]{margin-left:0;width:100%}.nav-brand h1[data-v-94c665ed]{font-size:1.2rem}.top-nav .nav-btn.mobile-menu-btn[data-v-94c665ed]{display:block!important}.mobile-menu-icon[data-v-94c665ed]{font-size:20px}.top-nav[data-v-94c665ed]{z-index:2000!important;background-color:#2a2a2a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sidebar[data-v-94c665ed]{z-index:1500!important;background-color:#2a2a2a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.nav-search[data-v-94c665ed]{position:relative;display:flex;align-items:center}.nav-search .nav-btn[data-v-94c665ed]{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.nav-search-inline[data-v-94c665ed]{position:relative;display:flex;align-items:center;gap:8px}.nav-search-inline[data-v-94c665ed]{min-width:44px}.search-input-inline[data-v-94c665ed]{transition:transform .22s cubic-bezier(.2,.9,.2,1),width .22s ease,opacity .18s ease;position:absolute;top:50%;right:40px;transform:translate(15%);width:0;opacity:0;pointer-events:none}.nav-search-inline.open .search-input-inline[data-v-94c665ed]{transform:translate(40px);width:340px;max-width:50vw;opacity:1;pointer-events:auto}.search-results-inline[data-v-94c665ed]{position:absolute;top:56px;right:40px;left:auto;width:340px;max-width:50vw}.search-inline-icon[data-v-94c665ed]{color:#c7cfd6;font-size:20px;cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.search-inline-icon[data-v-94c665ed]:hover{background-color:#3a3a3a;color:#fff}.notification-inline-icon[data-v-94c665ed]{color:#c7cfd6;font-size:20px;cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.notification-inline-icon[data-v-94c665ed]:hover{background-color:#3a3a3a;color:#fff}.top-nav .ph[data-v-94c665ed]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:32px;color:#c7cfd6;border-radius:6px}.top-nav .nav-btn.mobile-menu-btn[data-v-94c665ed]{display:inline-flex;align-items:center;justify-content:center}.top-nav .nav-btn.mobile-menu-btn[data-v-94c665ed]{display:none}.top-nav .nav-user-btn .ph[data-v-94c665ed],.top-nav .nav-btn .ph[data-v-94c665ed]{font-size:32px}.sidebar .nav-item svg[data-v-94c665ed],.sidebar .nav-item .ph[data-v-94c665ed]{width:28px;height:28px;font-size:20px;flex-shrink:0;color:#c7cfd6}.sidebar .nav-sub[data-v-94c665ed]{display:flex;flex-direction:column;padding-left:36px;margin-bottom:.5rem;max-height:0;overflow:hidden;transform-origin:top;transform:scaleY(0);opacity:0;pointer-events:none;transition:max-height .22s ease,transform .16s cubic-bezier(.2,.9,.3,1),opacity .12s ease}.sidebar .nav-sub.open[data-v-94c665ed]{max-height:400px;transform:scaleY(1);opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.sidebar .nav-sub[data-v-94c665ed],.sidebar .nav-sub.open[data-v-94c665ed]{transition:none!important;transform:none!important;opacity:1!important;max-height:none!important}}.sidebar .nav-subitem[data-v-94c665ed]{display:block;font-size:.9rem;color:#cfcfcf;text-decoration:none;border-left:3px solid rgba(255,255,255,.1);padding:6px 0 6px 8px}.sidebar .nav-subitem.active[data-v-94c665ed]{color:#fff;font-weight:500;border-left:3px solid #2196f3}.inline-spinner[data-v-94c665ed]{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.08);border-top-color:#2196f3;animation:spin .8s linear infinite;margin-left:6px}.search-input-inline[data-v-94c665ed]{width:340px;max-width:50vw;padding:8px 12px;border-radius:6px;border:1px solid #424242;background:#222;color:#fff;outline:none;font-size:.95rem;position:relative}.search-input[data-v-94c665ed]::placeholder{color:#9aa0a6}.search-input[data-v-94c665ed]:focus{border-color:#2196f3;box-shadow:0 4px 14px #2196f31f}.search-results-inline[data-v-94c665ed]{list-style:none;margin:8px 0 0;padding:0;max-height:300px;overflow-y:auto}.nav-search-inline[data-v-94c665ed]{position:relative}.search-results-inline[data-v-94c665ed]{position:absolute;top:44px;left:0;right:0;background:#1f1f1f;border:1px solid #333;border-radius:6px;padding:6px;z-index:1400}.search-list[data-v-94c665ed]{list-style:none;margin:0;padding:0}.result-thumb[data-v-94c665ed]{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#2a2a2a}.search-empty-overlay[data-v-94c665ed]{display:flex;align-items:center;gap:10px;padding:12px;justify-content:flex-start}.overlay-spinner[data-v-94c665ed]{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.08);border-top-color:#2196f3;animation:spin .8s linear infinite}.search-result[data-v-94c665ed]{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:6px;cursor:pointer;color:#e6eef6}.search-result[data-v-94c665ed]:hover{background:#ffffff08}.result-title[data-v-94c665ed]{font-weight:500;color:#fff;font-size:.95rem}.result-sub[data-v-94c665ed]{font-size:.82rem;color:#bfc8cf}.search-empty[data-v-94c665ed]{padding:8px 10px;color:#9aa0a6;font-size:.9rem}@media(max-width:768px){.nav-search-inline[data-v-94c665ed]{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:90%;max-width:400px;z-index:2001;background-color:#1e1e1e;border-radius:6px;box-shadow:0 4px 20px #00000080;border:1px solid #3a3a3a}.mobile-search-backdrop[data-v-94c665ed]{position:fixed;inset:0;background-color:#000000e6;z-index:2000;cursor:pointer}.search-input-inline[data-v-94c665ed]{position:static;transform:none;width:100%!important;opacity:1;pointer-events:auto;background:#1e1e1e;border:0px solid transparent;transform:translate(0)!important}.search-results-inline[data-v-94c665ed]{position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;margin-top:.5rem}.nav-search-inline .nav-btn[data-v-94c665ed]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ccc;padding:.5rem;border-radius:6px;z-index:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.nav-search-inline .nav-btn[data-v-94c665ed]:hover{background-color:#3a3a3a;color:#fff}.search-input-inline[data-v-94c665ed]{padding-right:3rem;height:44px;box-sizing:border-box}.nav-search-inline:not(.open) .search-input-inline[data-v-94c665ed],.nav-search-inline:not(.open) .search-results-inline[data-v-94c665ed],.nav-search-inline:not(.open) .inline-spinner[data-v-94c665ed]{display:none}.nav-search-inline[data-v-94c665ed]:not(.open){position:static;transform:none;width:auto;background:none;border:none;box-shadow:none;padding:0;z-index:auto}.nav-search-inline[data-v-94c665ed]:not(.open):before{display:none}.nav-search-inline:not(.open) .nav-btn[data-v-94c665ed]{position:static;transform:none;width:44px;height:44px}}.notification-wrapper[data-v-94c665ed]{position:relative}.notification-dropdown[data-v-94c665ed]{position:absolute;top:48px;right:0;background:#252525;border:1px solid #3a3a3a;border-radius:6px;min-width:320px;max-width:400px;box-shadow:0 8px 24px #0009;z-index:1300;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.dropdown-header[data-v-94c665ed]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #3a3a3a;background:#2a2a2a}.dropdown-header strong[data-v-94c665ed]{color:#fff;font-size:14px;font-weight:500}.clear-btn[data-v-94c665ed]{background:none;border:none;color:#ccc;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s}.clear-btn[data-v-94c665ed]:hover{background-color:#3a3a3a;color:#fff}.notification-list[data-v-94c665ed]{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.notification-item[data-v-94c665ed]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #333;transition:background-color .2s}.notification-item[data-v-94c665ed]:hover{background-color:#2a2a2a}.notification-item[data-v-94c665ed]:last-child{border-bottom:none}.notif-icon[data-v-94c665ed]{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#2196f3;font-size:16px}.notif-content[data-v-94c665ed]{flex:1;min-width:0}.notif-title[data-v-94c665ed]{font-size:13px;font-weight:500;color:#fff;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-message[data-v-94c665ed]{font-size:12px;color:#ccc;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.notif-actions[data-v-94c665ed]{display:flex;align-items:center;gap:8px;flex-shrink:0}.dismiss-btn[data-v-94c665ed]{background:none;border:none;color:#888;font-size:12px;cursor:pointer;padding:2px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.dismiss-btn[data-v-94c665ed]:hover{background-color:#3a3a3a;color:#ccc}.notif-time[data-v-94c665ed]{font-size:10px;color:#888;flex-shrink:0}.notification-empty[data-v-94c665ed]{padding:24px 16px;text-align:center;color:#888;font-size:13px;font-style:italic}.dropdown-footer[data-v-94c665ed]{border-top:1px solid #3a3a3a;background:#2a2a2a;padding:8px 16px}.view-all-link[data-v-94c665ed]{display:inline-block;color:#2196f3;text-decoration:none;font-size:12px;font-weight:500;transition:color .2s}.view-all-link[data-v-94c665ed]:hover{color:#42a5f5;text-decoration:underline}