@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;color:#1a1a2e;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:#ffffffe6;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000a;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc143c,#ff4757);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.03em;text-decoration:none}.nav-links{align-items:center;display:flex;gap:4px}.nav-link{background:none;border:none;border-radius:10px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .2s ease}.nav-link:hover{background:#f5f5f5;color:#dc143c}.loading{align-items:center;color:#6c757d;display:flex;font-size:16px;height:100vh;justify-content:center}.hero{background:linear-gradient(160deg,#fff,#fef5f5 50%,#fff5f0);overflow:hidden;padding:100px 24px 80px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,#dc143c0f 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-20%;top:-50%;width:600px}.hero h1{color:#1a1a2e;font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px}.hero p{color:#6c757d;font-size:1.2rem;line-height:1.7;margin:0 auto 44px;max-width:640px}.hero .cta-button{background:linear-gradient(135deg,#dc143c,#e8345a);border:none;border-radius:14px;box-shadow:0 4px 20px #dc143c40;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:16px 36px;text-decoration:none;transition:all .3s ease}.hero .cta-button:hover{box-shadow:0 8px 30px #dc143c59;transform:translateY(-2px)}main{width:100%}.main-content,main{flex:1 1}main>.auth-container,main>.backup-page,main>.dashboard,main>.view-download{margin:0 auto;max-width:900px;padding:60px 24px}.credential-form{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 24px #0000000f;margin-bottom:32px;padding:40px}.credential-form h2{color:#1a1a2e;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:28px;text-align:center}.form-group{margin-bottom:24px}.form-group label{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.form-input{background-color:#fafafa;border:2px solid #eee;border-radius:12px;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus{background:#fff;border-color:#dc143c;box-shadow:0 0 0 4px #dc143c14;outline:none}.form-checkbox{accent-color:#dc143c;margin-right:12px}.submit-btn{background:linear-gradient(135deg,#dc143c,#e8345a);border:none;border-radius:12px;box-shadow:0 4px 16px #dc143c33;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:14px 28px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 24px #dc143c4d;transform:translateY(-1px)}.submit-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.manual-form{border-top:1px solid #f0f0f0;margin-top:32px;padding-top:24px}.manual-form h3{color:#1a1a2e;font-size:1.25rem;font-weight:700;margin-bottom:24px}.message{border-radius:12px;font-size:14px;font-weight:600;margin-top:24px;padding:12px 16px;text-align:center}.message.success{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.progress-section{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 24px #0000000f;padding:40px;text-align:center}.progress-section h2{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin-bottom:24px}.progress-bar-container{background-color:#f0f0f0;border-radius:6px;height:12px;margin-bottom:24px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#dc143c,#ff4757);height:100%;transition:width .5s ease}.progress-section p{color:#495057;font-size:1.05rem;font-weight:600;margin-bottom:12px}.download-section{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 24px #0000000f;margin:40px auto;max-width:800px;padding:40px;text-align:center}.download-section h2{color:#dc143c;font-size:1.75rem;font-weight:700;margin-bottom:24px}.view-download-btn{background:linear-gradient(135deg,#dc143c,#e8345a);border:none;border-radius:12px;box-shadow:0 4px 16px #dc143c33;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin:24px 10px;padding:14px 28px;transition:all .3s ease}.view-download-btn:hover{box-shadow:0 6px 24px #dc143c4d;transform:translateY(-2px)}.new-backup-btn{background-color:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin:20px 10px;padding:14px 28px;transition:all .2s ease}.new-backup-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.error-section{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 24px #0000000f;padding:40px;text-align:center}.error-section h2{color:#dc3545;font-size:1.75rem;font-weight:700;margin-bottom:24px}.retry-btn{background:linear-gradient(135deg,#dc143c,#e8345a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .3s ease}.retry-btn:hover{transform:translateY(-1px)}.view-download{margin:0 auto;max-width:800px;padding:20px}.view-download h1{color:#1a1a2e;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:40px;text-align:center}.folder{background-color:#fafafa;border:1px solid #f0f0f0;border-radius:14px;margin-bottom:16px;padding:16px}.folder h2{color:#495057;font-size:1.1em;font-weight:700;margin:0 0 10px}.email-list{list-style:none;padding:0}.email-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.email-name{color:#495057;flex-grow:1;font-weight:500}.email-size{color:#6c757d;font-size:.85em;margin-right:10px}.download-btn{background:#dc143c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.85em;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .2s ease}.download-btn:hover{background:#b01030;transform:translateY(-1px)}.download-zip-btn{background:linear-gradient(135deg,#dc143c,#e8345a);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:300px;padding:14px 28px;width:100%}.download-zip-btn:hover:not(:disabled){transform:translateY(-1px)}.download-zip-btn:disabled{background:#ccc;cursor:not-allowed}.error,.loading{font-size:1em;font-weight:500;padding:40px;text-align:center}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:12px;color:#dc3545}.pricing-section{background:linear-gradient(160deg,#fafafa,#fff5f5);padding:80px 24px;text-align:center}.pricing-section h2{color:#1a1a2e;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:44px}.pricing-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:1200px}.pricing-card{border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 4px 20px #0000000a;padding:28px;text-align:left}.pricing-card:hover{box-shadow:0 12px 40px #00000014}.pricing-card.free{border-color:#dc143c}.pricing-card.premium{border-color:#dc143c;position:relative}.pricing-card.premium:before{background:linear-gradient(135deg,#dc143c,#ff4757);border-radius:20px;color:#fff;content:"Most Popular";font-size:.75rem;font-weight:700;left:50%;letter-spacing:.02em;padding:5px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card h3{color:#1a1a2e;font-size:1.4rem;font-weight:700;margin-bottom:10px}.pricing-card .price{color:#dc143c;font-size:2rem;font-weight:800;margin-bottom:20px}.pricing-card ul{list-style:none;margin:0 0 20px;padding:0}.pricing-card li{border-bottom:1px solid #f5f5f5;font-size:.9rem;padding:8px 0}.pricing-card li:last-child{border-bottom:none}.note{color:#6c757d;font-size:.85rem;font-style:italic}.upgrade-btn,.upgrade-btn-dash{background:linear-gradient(135deg,#dc143c,#e8345a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 24px;transition:all .3s ease;width:100%}.upgrade-btn:hover{box-shadow:0 4px 16px #dc143c40;transform:translateY(-1px)}.features-section{margin:0 auto;max-width:1200px;padding:0 24px}.features-section h3{color:#1a1a2e;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:40px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature{background:#fff;border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 2px 12px #00000008;padding:28px;text-align:center;transition:all .3s ease}.feature:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-3px)}.feature h4{color:#1a1a2e;font-size:1.15rem;font-weight:700;margin-bottom:12px}.feature p{color:#6c757d;font-size:.9rem;line-height:1.6}.how-it-works-section{background:linear-gradient(160deg,#fafafa,#f5f0ff);padding:80px 24px;text-align:center}.how-it-works-section h2{color:#1a1a2e;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.section-subtitle{color:#6c757d;font-size:1.1rem;margin-bottom:48px}.steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1200px}.step-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;padding:32px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border-radius:50%;box-shadow:0 4px 12px #dc143c4d;color:#fff;display:flex;font-size:1rem;font-weight:800;height:36px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:36px}.step-icon{font-size:2.5rem;margin:16px 0}.step-card h3{color:#1a1a2e;font-size:1.2rem;font-weight:700;margin-bottom:8px}.step-card p{color:#6c757d;font-size:.9rem;line-height:1.6}.lang-switcher{background:#f5f5f5;border-radius:8px;display:flex;gap:2px;margin-left:8px;padding:2px}.lang-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .2s ease}.lang-btn:hover{color:#dc143c}.lang-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#dc143c}.account-prompt{background:#fafafa;border:1px solid #f0f0f0;border-radius:14px;margin:28px 0;padding:28px;text-align:left}.account-prompt h3{color:#dc143c;font-weight:700;margin-bottom:10px}.account-prompt p{color:#333;margin-bottom:20px}.advantages h4{color:#1a1a2e;font-weight:700;margin-bottom:15px}.advantages ul{margin:0;padding-left:20px}.advantages li{color:#555;margin-bottom:8px}.account-buttons{margin-top:25px;text-align:center}.create-account-btn{background:linear-gradient(135deg,#dc143c,#e8345a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 28px;transition:all .3s ease}.create-account-btn:hover{transform:translateY(-1px)}.advantages-list{list-style:none;margin:15px 0;padding:0}.advantages-list li{color:#333;padding:5px 0}.advantages-list li:before{color:#dc143c;content:"✓ ";font-weight:700}.retention-info{background:#fafafa;border:1px solid #f0f0f0;border-radius:14px}.retention-info h3{color:#1a1a2e;font-weight:700}.upgrade-prompt{border-radius:14px;margin:28px 0;padding:28px}.upgrade-prompt h3{font-weight:700}@media (max-width:768px){.hero{padding:60px 20px 40px}.hero h1{font-size:2.25rem}.hero p{font-size:1.05rem}.credential-form,.download-section,.error-section,.progress-section{padding:28px 20px}.pricing-cards{grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.pricing-cards{grid-template-columns:1fr}}.features-grid{grid-template-columns:1fr}.download-section{margin:20px;padding:20px}.steps-grid{grid-template-columns:1fr;max-width:400px}}.retention-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.retention-info h3{color:#333;margin:0 0 10px}.retention-info p{color:#666;margin:0 0 15px}.upgrade-prompt{background:#fff;border:2px solid #dc143c;border-radius:8px;margin:30px 0;padding:30px;text-align:left}.upgrade-prompt h3{color:#dc143c;margin-bottom:10px}.upgrade-prompt p{color:#333;margin-bottom:20px}.upgrade-btn{background:#dc143c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;text-align:center;width:100%}.upgrade-btn:hover{background:#b01030}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;max-width:400px;padding:40px;width:100%}.auth-card h2{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#dc143c;box-shadow:0 0 0 2px #dc143c1a;outline:none}.auth-button{background:#dc143c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;width:100%}.auth-button:hover:not(:disabled){background:#b01030;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:10px}.auth-switch{color:#666;margin-top:20px;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;text-decoration:underline}.link-button:hover{color:#dc143c}.auth-description{color:#666;margin-bottom:24px}.auth-description,.success-message{font-size:14px;line-height:1.5;text-align:center}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;padding:16px}.upgrade-banner{align-items:center;background:#dc143c;color:#fff;display:flex;justify-content:center;padding:15px 20px;position:relative}.upgrade-content{flex:1 1;text-align:center}.upgrade-content h3{font-size:18px;margin:0 0 5px}.upgrade-content p{margin:0;opacity:.9}.upgrade-btn-dash{background:#fff;border:1px solid #dc143c;border-radius:4px;color:#dc143c;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px;width:auto}.upgrade-btn-dash:hover{background:#f8f9fa}.close-banner{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;opacity:.7;position:absolute;right:20px;top:10px}.close-banner:hover{opacity:1}.dashboard{background:#fff;min-height:100vh}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 40px}.dashboard-header h1{color:#333;margin:0}.user-info{align-items:center;display:flex;gap:20px}.logout-btn{background:#dc143c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.logout-btn:hover{background:#b01030}.dashboard-content{margin:0 auto;max-width:1200px;padding:40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:24px;text-align:center}.stat-card h3{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.stat-number{color:#333;font-size:36px;font-weight:700;margin:0}.stat-number.success{color:#28a745}.stat-number.error,.stat-text{color:#dc143c}.stat-text{font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.chart-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:24px}.accounts-section,.chart-container{margin-bottom:40px}.accounts-section h2{color:#333;margin-bottom:20px}.accounts-list{grid-gap:20px;display:grid;gap:20px}.account-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:24px}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.account-header h3{color:#2c3e50;margin:0}.account-header .status{border-radius:20px;font-size:.9em;font-weight:700;padding:4px 12px;text-transform:uppercase}.account-header .status.completed{background:#d4edda;color:#155724}.account-header .status.failed{background:#f8d7da;color:#dc143c}.account-header .status.in_progress{background:#fff3cd;color:#856404}.account-details p{color:#666;margin:8px 0}.account-actions{display:flex;gap:10px;margin-top:10px}.trigger-backup-btn{background:#dc143c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.trigger-backup-btn:hover:not(:disabled){background:#b01030}.trigger-backup-btn:disabled{background:#6c757d;cursor:not-allowed}.download-backups-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.download-backups-btn:hover{background:#218838}.delete-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 16px}.delete-btn:hover:not(:disabled){background:#b01030}.delete-btn:disabled{background:#6c757d;cursor:not-allowed}.subscription-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:40px;padding:24px}.subscription-section h2{color:#333;margin-bottom:15px}.subscription-info p{color:#555;margin:8px 0}.history-section h2{color:#333;margin-bottom:20px}.history-list{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.history-item{border-bottom:1px solid #e1e5e9;padding:20px}.history-item:last-child{border-bottom:none}.history-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.folder{color:#333;font-weight:600}.status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status.completed{background:#d4edda;color:#155724}.status.in_progress{background:#fff3cd;color:#856404}.status.failed{background:#f8d7da;color:#dc143c}.status.pending{background:#e2e3e5;color:#383d41}.history-details{color:#666;display:flex;font-size:14px;gap:20px}.delete-account-btn{background:#0000;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.delete-account-btn:hover:not(:disabled){background:#dc3545;color:#fff}.delete-account-btn:disabled{cursor:not-allowed;opacity:.5}.danger-zone-section{background:#fff;border:2px solid #dc3545;border-radius:8px;margin-bottom:40px;padding:24px}.danger-zone-section h2{color:#dc3545;margin-bottom:8px}.danger-zone-desc{color:#666;margin-bottom:16px}.delete-user-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.delete-user-btn:hover{background:#b02a37}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;width:90%}.modal-content h2{color:#dc3545;margin-bottom:16px}.modal-content p{color:#444;line-height:1.6}.delete-list{list-style:none;margin:12px 0;padding:0}.delete-list li{color:#555;padding:6px 0}.delete-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-weight:600;margin:16px 0;padding:12px}.confirm-label{color:#444;display:block;font-size:14px;margin-bottom:8px}.confirm-input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;margin-top:8px;padding:10px 12px;width:100%}.confirm-input:focus{border-color:#dc3545;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{background:#f0f0f0;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:500;padding:10px 24px}.cancel-btn:hover{background:#e0e0e0}.confirm-delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.confirm-delete-btn:hover:not(:disabled){background:#b02a37}.confirm-delete-btn:disabled{background:#ccc;color:#888;cursor:not-allowed}.dashboard-error,.dashboard-loading{align-items:center;display:flex;font-size:18px;justify-content:center;min-height:100vh}.dashboard-error{color:#dc143c}.oauth-buttons{background:#f8f9fa;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.oauth-buttons h3{color:#1a1a2e;font-size:1.1rem;margin:0 0 .5rem}.oauth-description{color:#666}.oauth-description,.oauth-error{font-size:.9rem;margin-bottom:1rem}.oauth-error{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#dc2626;padding:.75rem}.oauth-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.oauth-provider{display:flex;flex-direction:column;gap:.5rem}.oauth-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.oauth-btn:hover:not(:disabled){border-color:#ccc;box-shadow:0 2px 8px #0000001a}.oauth-btn:disabled{cursor:not-allowed;opacity:.6}.oauth-btn.loading{opacity:.8}.oauth-icon{height:20px;width:20px}.google-btn{color:#444}.google-btn:hover:not(:disabled){border-color:#4285f4}.microsoft-btn{color:#444}.microsoft-btn:hover:not(:disabled){border-color:#00a4ef}.oauth-note{color:#888;font-size:.8rem;text-align:center}.connected-accounts{display:flex;flex-wrap:wrap;gap:.5rem}.connected-badge{align-items:center;background:#dcfce7;border-radius:20px;color:#166534;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .75rem}.oauth-info{color:#888;font-size:.85rem;margin:0;text-align:center}.coming-soon-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.coming-soon-badge{background:#f59e0b;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem}.coming-soon-banner p{color:#92400e;font-size:.9rem;margin:0}.coming-soon-note{color:#f59e0b!important;font-weight:500}.oauth-btn.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}@media (max-width:480px){.oauth-grid{grid-template-columns:1fr}}.app-footer{background:#1a1a2e;color:#a0a0a0;margin-top:auto;padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px}@media (max-width:768px){.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}}.footer-section h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.footer-section h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#a0a0a0;font-size:.9rem;line-height:1.5}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#a0a0a0;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#4f46e5}.footer-brand p{max-width:250px}.footer-bottom{border-top:1px solid #333;margin:2rem auto 0;max-width:1200px;padding-top:1.5rem;text-align:center}.footer-bottom p{color:#666;font-size:.85rem;margin:0}.pricing-page{margin:0 auto;max-width:1200px;padding:2rem}.pricing-header{margin-bottom:3rem;text-align:center}.pricing-header h1{color:#1a1a2e;font-size:2.5rem;margin-bottom:.5rem}.pricing-subtitle{color:#666;font-size:1.2rem;margin:0 auto;max-width:600px}.pricing-error{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#dc2626;margin-bottom:2rem;padding:1rem;text-align:center}.pricing-grid.four-plans{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:4rem}.pricing-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;padding:1.75rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.pricing-card.featured{border:2px solid #dc143c}.popular-badge{background:linear-gradient(135deg,#dc143c,#b01030);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.card-header{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.card-header h2{color:#1a1a2e;font-size:1.3rem;margin-bottom:.75rem}.price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price .amount{color:#dc143c;font-size:2.25rem;font-weight:700}.price .period{color:#888;font-size:1rem}.features-list{flex:1 1;list-style:none;margin:0 0 1.5rem;padding:0}.features-list li{align-items:flex-start;color:#444;display:flex;font-size:.9rem;gap:8px;line-height:1.4;padding:8px 0}.features-list .check{color:#dc143c;flex-shrink:0;font-weight:700}.pricing-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.pricing-btn:hover:not(:disabled){transform:translateY(-1px)}.pricing-btn:disabled{cursor:not-allowed;opacity:.7}.free-btn{background:#f0f0f0;color:#333}.free-btn:hover:not(:disabled){background:#e0e0e0}.onetime-btn{background:#2563eb;color:#fff}.onetime-btn:hover:not(:disabled){background:#1d4ed8}.standard-btn{background:#059669;color:#fff}.standard-btn:hover:not(:disabled){background:#047857}.premium-btn{background:linear-gradient(135deg,#dc143c,#b01030);color:#fff}.premium-btn:hover:not(:disabled){background:linear-gradient(135deg,#b01030,#8a0d26)}.billing-note{color:#888;font-size:.8rem;margin-top:8px;text-align:center}.comparison-section{margin-top:4rem;overflow-x:auto}.comparison-section h2{color:#1a1a2e;font-size:1.8rem;margin-bottom:2rem;text-align:center}.comparison-table{border-collapse:collapse;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #eee;font-size:.9rem;padding:1rem;text-align:center}.comparison-table th{background:#1a1a2e;color:#fff;font-weight:600}.comparison-table th:first-child{text-align:left}.comparison-table td:first-child{color:#333;font-weight:500;text-align:left}.comparison-table tbody tr:hover{background:#f9f9f9}.comparison-table tbody tr:last-child td{border-bottom:none}.pricing-faq{background:linear-gradient(135deg,#f5f7fa,#eef2f7);border-radius:16px;margin-top:4rem;padding:3rem;text-align:center}.pricing-faq h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:.5rem}.pricing-faq p{color:#666;margin-bottom:1.5rem}.faq-link-btn{background:#0000;border:2px solid #1a1a2e;border-radius:8px;color:#1a1a2e;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.faq-link-btn:hover{background:#1a1a2e;color:#fff}@media (max-width:1024px){.pricing-grid.four-plans{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pricing-header h1{font-size:2rem}.pricing-grid.four-plans{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:400px}.comparison-table{font-size:.8rem}.comparison-table td,.comparison-table th{padding:.5rem .25rem}}.payment-success{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:2rem}.success-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:3rem;text-align:center}.success-icon{animation:bounce .6s ease;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.success-card h1{color:#1a1a2e;font-size:2rem;margin-bottom:.5rem}.success-message{color:#666;font-size:1.1rem;margin-bottom:2rem}.success-details{background:#f8faf9;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.detail-item{align-items:center;color:#333;display:flex;gap:.75rem;padding:.5rem 0}.detail-icon{color:#22c55e;font-weight:700}.redirect-note{color:#888;font-size:.9rem;margin-bottom:1.5rem}.dashboard-btn{background:linear-gradient(135deg,#f5a623,#f7b731);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.dashboard-btn:hover{background:linear-gradient(135deg,#e09400,#f5a623);box-shadow:0 4px 15px #f5a62366}.sync-page{margin:0 auto;max-width:900px;padding:2rem}.sync-page h1{color:#1a1a2e;margin-bottom:.5rem;text-align:center}.sync-description{color:#666;margin-bottom:2rem;text-align:center}.sync-error{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#dc2626;margin-bottom:1.5rem;padding:1rem;text-align:center}.sync-container{align-items:stretch;display:flex;gap:1rem;margin-bottom:2rem}.account-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;flex:1 1;padding:1.5rem}.account-card h3{color:#1a1a2e;font-size:1.1rem;margin:0 0 1rem}.account-card.source{border-top:4px solid #3b82f6}.account-card.target{border-top:4px solid #22c55e}.account-toggle{margin-bottom:1rem}.account-toggle label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.account-card select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.manual-fields{display:flex;flex-direction:column;gap:.75rem}.manual-fields input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem}.manual-fields input:focus{border-color:#3b82f6;outline:none}.sync-arrow{align-items:center;color:#ccc;display:flex;font-size:2rem;padding:0 1rem}.sync-progress{background:#f8f9fa;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.progress-bar{background:#e0e0e0;border-radius:6px;height:12px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:6px;height:100%;transition:width .3s ease}.progress-message{color:#666;margin:0 0 .5rem;text-align:center}.progress-details{display:flex;font-size:.9rem;gap:1.5rem;justify-content:center}.progress-details span{color:#444}.sync-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto 1.5rem;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:100%}.sync-btn:hover:not(:disabled){box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.sync-btn:disabled{cursor:not-allowed;opacity:.7}.sync-warning{background:#fef3c7;border-radius:8px;color:#92400e;font-size:.9rem;padding:1rem;text-align:center}.premium-required{background:linear-gradient(135deg,#f5f7fa,#eef2f7);border-radius:20px;margin:2rem auto;max-width:500px;padding:4rem 2rem;text-align:center}.premium-required h2{color:#1a1a2e;margin-bottom:1rem}.premium-required p{color:#666;margin-bottom:2rem}.premium-required .upgrade-btn{background:linear-gradient(135deg,#f5a623,#f7b731);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.premium-required .upgrade-btn:hover{box-shadow:0 4px 15px #f5a62366}@media (max-width:768px){.sync-container{flex-direction:column}.sync-arrow{justify-content:center;padding:.5rem 0;transform:rotate(90deg)}}.faq-section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.faq-section h2{color:#1a1a2e;font-size:2rem;margin-bottom:.5rem;text-align:center}.faq-subtitle{color:#666;font-size:1.1rem;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:#fff;border:1px solid #e5e5e5;border-left:4px solid #4f46e5;padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.faq-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.faq-item h3{align-items:flex-start;color:#1a1a2e;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.faq-item h3:before{align-items:center;background:#4f46e5;color:#fff;content:"Q";display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;width:24px}.faq-item p{color:#666;font-size:.95rem;line-height:1.6;margin:0}.settings-container{margin:40px auto;max-width:700px;padding:0 20px}.settings-container h2{color:#1a1a2e;font-size:28px;margin-bottom:30px}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.settings-section h3{align-items:center;color:#1a1a2e;display:flex;font-size:18px;gap:8px;margin:0 0 16px}.settings-info-grid{grid-gap:12px 16px;align-items:center;display:grid;gap:12px 16px;grid-template-columns:140px 1fr}.settings-info-grid .label{color:#666;font-size:14px}.settings-info-grid .value{color:#1a1a2e;font-weight:500}.settings-info-grid .badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;text-transform:uppercase}.badge-free{background:#e3f2fd;color:#1565c0}.badge-premium{background:#fff3e0;color:#e65100}.badge-standard{background:#e8f5e9;color:#2e7d32}.settings-form{display:flex;flex-direction:column;gap:14px}.settings-form label{color:#666;font-size:14px;margin-bottom:-8px}.settings-form input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s}.settings-form input:focus{border-color:#dc143c;outline:none}.settings-btn{align-self:flex-start;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .2s}.settings-btn:hover{opacity:.85}.settings-btn:disabled{cursor:not-allowed;opacity:.5}.settings-btn-primary{background:#dc143c;color:#fff}.settings-btn-danger{background:#d32f2f;color:#fff}.settings-btn-outline{background:#fff;border:1px solid #d32f2f;color:#d32f2f}.settings-message{border-radius:8px;font-size:14px;margin-top:4px;padding:10px 14px}.settings-message.success{background:#e8f5e9;color:#2e7d32}.settings-message.error{background:#ffebee;color:#c62828}.email-account-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.email-account-item:last-child{border-bottom:none}.email-account-info{display:flex;flex-direction:column;gap:2px}.email-account-info .email{font-weight:500}.email-account-info .date{color:#999;font-size:12px}.delete-confirm-box{background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;margin-top:8px;padding:16px}.delete-confirm-box p{color:#c62828;font-size:14px;margin:0 0 12px}.delete-confirm-actions{align-items:center;display:flex;gap:10px}.delete-confirm-actions input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}
/*# sourceMappingURL=main.f2be49ad.css.map*/