*,:after,:before{box-sizing:border-box}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-md,16px);position:fixed;right:0;top:0;z-index:1000}.password-modal{animation:modalFadeIn .3s ease-out;background-color:var(--bg-secondary);background-color:var(--surface,var(--bg-secondary));border-radius:16px;border-radius:var(--border-radius-md,16px);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-medium,0 8px 24px #0000001f);max-width:400px;overflow:hidden;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--secondary,var(--bg-secondary));display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.modal-header h2{color:var(--text-primary);color:var(--text-primary,var(--text-primary));font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);color:var(--text-secondary,var(--text-secondary));cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-default,.3s cubic-bezier(.4,0,.2,1));width:32px}.close-button:hover{background-color:var(--bg-secondary);background-color:var(--secondary,var(--bg-secondary));color:var(--text-primary);color:var(--text-primary,var(--text-primary))}.password-form{padding:24px;padding:var(--spacing-lg,24px)}.form-description{color:var(--text-secondary);color:var(--text-secondary,var(--text-secondary));font-size:14px;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px);text-align:center}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.form-group label,.modal-input{color:var(--text-primary);color:var(--text-primary,var(--text-primary))}.modal-input{background-color:var(--bg-secondary);background-color:var(--secondary,var(--bg-secondary));border:none;border-radius:8px;border-radius:var(--border-radius-sm,8px);font-size:16px;padding:16px;padding:var(--spacing-md,16px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-default,.3s cubic-bezier(.4,0,.2,1));width:100%}.modal-input:focus{outline:2px solid var(--accent);outline:2px solid var(--accent,var(--accent));outline-offset:2px}.modal-input::placeholder{color:var(--text-secondary);color:var(--text-secondary,var(--text-secondary))}.modal-error{background-color:#ff453a1a;border:1px solid var(--accent,var(--accent));border-radius:8px;border-radius:var(--border-radius-sm,8px);color:var(--accent);color:var(--accent,var(--accent));font-size:14px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px)}.modal-actions{display:flex;gap:16px;gap:var(--spacing-md,16px);margin-top:24px;margin-top:var(--spacing-lg,24px)}.cancel-button,.submit-button{border-radius:8px;border-radius:var(--border-radius-sm,8px);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px;padding:var(--spacing-md,16px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-default,.3s cubic-bezier(.4,0,.2,1))}.cancel-button{background-color:initial;border:1px solid var(--secondary,var(--bg-secondary));color:var(--text-primary);color:var(--text-primary,var(--text-primary))}.cancel-button:hover:not(:disabled){background-color:var(--bg-secondary);background-color:var(--secondary,var(--bg-secondary))}.submit-button{background-color:var(--accent);background-color:var(--accent,var(--accent));border:none;color:var(--text-primary);color:var(--on-accent,var(--text-primary))}.submit-button:hover:not(:disabled){background-color:var(--error)}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}.success-message{padding:32px 24px;padding:var(--spacing-xl,32px) var(--spacing-lg,24px);text-align:center}.success-icon{align-items:center;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275);background-color:var(--accent);background-color:var(--accent,var(--accent));border-radius:50%;color:var(--text-primary);color:var(--on-accent,var(--text-primary));display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--spacing-lg,24px);width:64px}@keyframes successPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.success-message p{color:var(--text-primary);color:var(--text-primary,var(--text-primary));font-size:18px;font-weight:600;margin:0}.success-subtitle{color:var(--text-secondary)!important;color:var(--text-secondary,var(--text-secondary))!important;font-size:14px!important;font-weight:400!important;margin-top:8px!important;margin-top:var(--spacing-sm,8px)!important}@media (max-width:768px){.password-modal{border-radius:8px;border-radius:var(--border-radius-sm,8px);max-width:100%}.modal-header{padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px)}.password-form{padding:16px;padding:var(--spacing-md,16px)}.modal-actions{flex-direction:column}.success-message{padding:24px 16px;padding:var(--spacing-lg,24px) var(--spacing-md,16px)}}.loading-spinner-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast{background-color:#000c;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;opacity:0;padding:12px 20px;transform:translateX(100%);transition:all .4s ease}.toast.show{opacity:1;transform:translateX(0)}:root{--bg-primary-light:#f8f9fa;--bg-secondary-light:#fff;--bg-tertiary-light:#f1f3f5;--text-primary-light:#212529;--text-secondary-light:#26283e;--text-interactive-light:#08a097;--border-light:#dee2e6;--accent-light:#08a097;--accent-hover-light:#067a6f;--accent-secondary-light:#7b5ebf;--success-light:#28a745;--warning-light:#ffc107;--error-light:#e5383b;--bg-primary-dark:#121212;--bg-secondary-dark:#2c2c2e;--bg-tertiary-dark:#1c1c1e;--text-primary-dark:#f5f5f5;--text-secondary-dark:#cdcddf;--text-interactive-dark:#ff453a;--border-dark:#2c2c2e;--accent-dark:#ff453a;--accent-hover-dark:#d70015;--accent-secondary-dark:#8a7fff;--success-dark:#30d158;--warning-dark:#ff9f0a;--error-dark:#ff453a}.App{--bg-primary:var(--bg-primary-light);--bg-secondary:var(--bg-secondary-light);--bg-tertiary:var(--bg-tertiary-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-interactive:var(--text-interactive-light);--border:var(--border-light);--accent:var(--accent-light);--accent-hover:var(--accent-hover-light);--accent-secondary:var(--accent-secondary-light);--success:var(--success-light);--warning:var(--warning-light);--error:var(--error-light);background-color:var(--bg-primary);color:var(--text-primary);height:100vh;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;width:100vw}.App.dark{--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--bg-tertiary:var(--bg-tertiary-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-interactive:var(--text-interactive-dark);--border:var(--border-dark);--accent:var(--accent-dark);--accent-hover:var(--accent-hover-dark);--accent-secondary:var(--accent-secondary-dark);--success:var(--success-dark);--warning:var(--warning-dark);--error:var(--error-dark)}.App.auto{--bg-primary:var(--bg-primary-light);--bg-secondary:var(--bg-secondary-light);--bg-tertiary:var(--bg-tertiary-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-interactive:var(--text-interactive-light);--border:var(--border-light);--accent:var(--accent-light);--accent-hover:var(--accent-hover-light);--accent-secondary:var(--accent-secondary-light);--success:var(--success-light);--warning:var(--warning-light);--error:var(--error-light)}@media (prefers-color-scheme:dark){.App.auto{--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--bg-tertiary:var(--bg-tertiary-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-interactive:var(--text-interactive-dark);--border:var(--border-dark);--accent:var(--accent-dark);--accent-hover:var(--accent-hover-dark);--accent-secondary:var(--accent-secondary-dark);--success:var(--success-dark);--warning:var(--warning-dark);--error:var(--error-dark)}}.update-prompt{align-items:center;background-color:#333;border-radius:8px;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;gap:12px;justify-content:center;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.update-prompt p{margin:0}.update-prompt .current-version{color:#aaa;font-size:.8em;margin-right:4px}.update-prompt button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.update-prompt button:hover{background-color:#0056b3}