@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Comfortaa:wght@300;400;500;700&display=swap);@import url(https://code.cdn.mozilla.net/fonts/zilla-slab.css);:root{--primary-light:#ff8c5a;--secondary-color:#fff;--accent-hover:#fc0;--accent-light:#fff8cc;--text-primary:#2d3748;--text-secondary:#718096;--border-color:#e2e8f0;--border-focus:#ff6b35;--surface:#fff;--success:#48bb78;--warning:#ed8936;--error:#f56565;--shadow-sm:0 2px 4px 0 #0000000d;--shadow-md:0 6px 12px -2px #0000001a,0 4px 8px -3px #0000000d;--shadow-lg:0 12px 24px -4px #00000026,0 8px 16px -6px #0000001a;--radius:1rem;--radius-lg:1.5rem}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--surface);color:#2d3748;color:var(--text-primary);font-family:Meiryo UI,Meiryo,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.7;margin:0}.feature-title,.logo span,.page-title,h1,h2,h3,h4,h5,h6{font-family:Zilla Slab,Noto Sans JP,serif}code{background-color:#fff;background-color:var(--secondary-color);border-radius:1rem;border-radius:var(--radius);font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em;padding:.125rem .25rem}input,select,textarea{background-color:#fff;background-color:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius);font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#ff6b35;border-color:var(--border-focus);box-shadow:0 0 0 3px #ff6b351a;outline:none}label{color:#2d3748;color:var(--text-primary);display:block;margin-bottom:.5rem}.btn,label{font-size:.875rem;font-weight:500}.btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#ff6b35;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#e55a30;background-color:var(--primary-hover);box-shadow:0 6px 12px -2px #0000001a,0 4px 8px -3px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#fff;background-color:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#2d3748;color:var(--text-primary)}.btn-secondary:hover{background-color:#fff;background-color:var(--secondary-color);border-color:#ff6b35;border-color:var(--border-focus)}.btn-success{background-color:#48bb78;background-color:var(--success);color:#fff}.btn-success:hover{background-color:#047857}.btn-accent{background-color:gold;background-color:var(--accent-color);color:#2d3748;font-weight:600}.btn-accent:hover{background-color:#fc0;background-color:var(--accent-hover);box-shadow:0 6px 12px -2px #0000001a,0 4px 8px -3px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card{background-color:#fff;background-color:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.card-body{padding:1.5rem}.card-title{color:#2d3748;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.card-subtitle{color:#718096;color:var(--text-secondary);font-size:.875rem;margin:0}.form-group{margin-bottom:1.5rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.section{margin-bottom:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.notification-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:1rem 0;position:relative;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#fff8cc;background-color:var(--accent-light);border-left:3px solid gold;border-left:3px solid var(--accent-color);margin-left:-1rem;padding-left:1rem}.notification-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:.5rem}.notification-title{color:#2d3748;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.notification-date{font-size:.875rem}.notification-date,.notification-message{color:#718096;color:var(--text-secondary)}.notification-message{line-height:1.5;margin:0}.notification-badge{background-color:#ff6b35;background-color:var(--primary-color);border-radius:50%;height:8px;position:absolute;right:0;top:1rem;width:8px}.verification-notices{margin-bottom:2rem}.verification-notice{align-items:flex-start;background:#fff;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1rem;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.verification-notice:hover{box-shadow:0 6px 12px -2px #0000001a,0 4px 8px -3px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.verification-notice.card-notice,.verification-notice.email-notice{background:linear-gradient(135deg,#fef2f2,#fecaca);border-left:4px solid #ef4444}.notice-icon{flex-shrink:0;font-size:2rem;margin-top:.125rem}.notice-content{flex:1 1}.notice-title{color:#2d3748;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.notice-message{color:#718096;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.notice-button{align-items:center;border-radius:1rem;border-radius:var(--radius);display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.notice-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-sm{font-size:.8125rem;padding:.5rem 1rem}@media (max-width:768px){.verification-notice{gap:.75rem;padding:1rem}.notice-icon{font-size:1.5rem}.notice-title{font-size:1rem}.notice-button{font-size:.8rem;padding:.5rem .875rem}}.login-container{align-items:center;background:linear-gradient(135deg,#fff8f5,#fff8f0);background:linear-gradient(135deg,var(--background-secondary) 0,#fff8f0 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-card{background:#fff;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 12px 24px -4px #00000026,0 8px 16px -6px #0000001a;box-shadow:var(--shadow-lg);max-width:420px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#2d3748;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-header p{color:#718096;color:var(--text-secondary);font-size:.875rem;margin:0}.login-form{margin-bottom:1.5rem}.form-input{transition:all .2s ease}.form-input:focus{transform:translateY(-1px)}.form-options{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin:1.5rem 0}.checkbox-label{align-items:center;color:#718096;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{margin-right:.5rem;width:auto}.forgot-link{color:#ff6b35;color:var(--primary-color);text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#e55a30;color:var(--primary-hover)}.login-btn{font-size:1rem;justify-content:center;margin-bottom:1rem;padding:.875rem 1.5rem;width:100%}.login-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding-top:1rem;text-align:center}.login-footer p{color:#718096;color:var(--text-secondary);font-size:.875rem;margin:0}.register-link{color:#ff6b35;color:var(--primary-color);font-weight:500;margin-left:.25rem;text-decoration:none}.register-link:hover{color:#e55a30;color:var(--primary-hover);text-decoration:underline}.social-login{margin-top:1.5rem}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:#e2e8f0;background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{color:#718096;color:var(--text-secondary);font-size:.875rem;padding:0 1rem}.btn-social,.divider span{background:#fff;background:var(--background)}.btn-social{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#2d3748;color:var(--text-primary);display:flex;gap:.5rem;justify-content:center;transition:all .2s ease;width:100%}.btn-social:hover{background:#fff;background:var(--secondary-color);border-color:#ff6b35;border-color:var(--border-focus);transform:translateY(-1px)}.social-icon{font-size:1.125rem}@media (max-width:480px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}}.signup-container{background:linear-gradient(135deg,#fff8f5,#fff8f0)}.signup-card{background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 12px 24px -4px #00000026,0 8px 16px -6px #0000001a;box-shadow:var(--shadow-lg);padding:2.5rem}.signup-header h1{color:#2d3748;font-weight:700;margin:0 0 .5rem}.signup-header p{color:#718096;font-size:.875rem;line-height:1.5;margin:0}.signup-form{margin-bottom:1.5rem}.signup-btn{font-size:1rem;margin:1.5rem 0;padding:.875rem 1.5rem;width:100%}.error-message{color:#f56565;color:var(--error);display:block;font-size:.75rem;line-height:1.3}.form-input.error{border-color:#f56565;border-color:var(--error);box-shadow:0 0 0 3px #dc26261a}.plan-option{display:block}.plan-card{background:#fff;background:var(--background);border:2px solid #e2e8f0;border-radius:1rem;border-radius:var(--radius);padding:1.5rem}.plan-card h3{color:#2d3748;font-size:1.125rem;font-weight:600}.plan-card p{color:#718096;line-height:1.4;margin:0 0 1rem}.plan-card .price{color:#ff6b35;color:var(--primary-color);font-size:1.25rem;font-weight:700}.signup-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.signup-footer p{color:#718096;font-size:.875rem;margin:0 0 .75rem}.login-link{color:#ff6b35;color:var(--primary-color);font-weight:500;margin-left:.25rem;text-decoration:none}.login-link:hover{color:#e55a30;color:var(--primary-hover);text-decoration:underline}.terms-text{color:#718096;color:var(--text-secondary);font-size:.75rem!important;line-height:1.4;margin-top:1rem!important}.terms-link{color:#ff6b35;text-decoration:none}.terms-link:hover{color:#e55a30;text-decoration:underline}@media (max-width:768px){.signup-card{max-width:100%;padding:2rem 1.5rem}.plan-options{gap:.75rem;grid-template-columns:1fr}.plan-card{padding:1.25rem}}@media (max-width:480px){.signup-container{padding:1rem}.signup-card{padding:1.5rem}.signup-header h1{font-size:1.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.loading{opacity:.6;pointer-events:none}.spinner{border:2px solid #e2e8f0;border-top:2px solid #ff6b35;border:2px solid var(--border-color);border-top-color:var(--primary-color);height:1rem;width:1rem}.metallic-gold{background:linear-gradient(145deg,gold,#fc0,#ffe55c,#ffeb3b)!important;border:1px solid #fc0!important;box-shadow:0 2px 6px #ffd70066,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000001a!important;color:#2d3748!important;font-weight:700!important;overflow:hidden;position:relative;text-shadow:0 1px 2px #0000001a}.metallic-gold:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.metallic-gold:hover{background:linear-gradient(145deg,#ffe55c,#ffeb3b,#fff176,gold)!important;box-shadow:0 4px 12px #ffd70080,inset 0 1px 0 #fff6,inset 0 -1px 0 #00000026!important;transform:translateY(-1px)!important}.metallic-gold:hover:before{left:100%}.metallic-gold:active{box-shadow:0 2px 4px #ffd70066,inset 0 2px 4px #0000001a!important;transform:translateY(0)!important}.StripeElement iframe{height:40px!important;min-height:40px!important}.stripe-payment-form{background:#fff;border:1px solid #e3e8ee;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:0 auto;max-width:100%;padding:24px}.payment-summary{border-bottom:1px solid #e3e8ee;margin-bottom:24px;padding-bottom:20px}.payment-summary h3{color:#32325d;font-size:18px;font-weight:600;line-height:24px;margin:0 0 16px}.plan-summary{background:#f6f9fc;border-radius:8px;padding:16px}.plan-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.plan-name,.plan-price{color:#32325d;font-size:16px;font-weight:600}.plan-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.card-section{display:block!important;margin-bottom:24px;visibility:visible!important}.card-section label{color:#32325d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.card-element-container{background:#fff;border:1px solid #e3e8ee;border-radius:8px;padding:16px;transition:all .15s ease}.card-element-container .StripeElement{width:100%}.card-element-container:hover{border-color:#c4c4c4}.card-element-container:focus-within{border-color:#666ee8;box-shadow:0 0 0 3px #666ee81a;outline:none}.card-error{align-items:center;color:#e25950;display:flex;font-size:13px;gap:6px;margin-top:8px}.card-error:before{content:"⚠";font-size:14px}.security-notice{align-items:flex-start;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.security-icon{font-size:20px;line-height:1;margin-top:2px}.security-text p{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 4px}.security-text p:last-child{margin-bottom:0}.payment-submit-btn{align-items:center;background:#666ee8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:16px 24px;transition:all .15s ease;width:100%}.payment-submit-btn:hover:not(:disabled){background:#5469d4;box-shadow:0 4px 8px #666ee84d;transform:translateY(-1px)}.payment-submit-btn:active:not(:disabled){box-shadow:0 2px 4px #666ee833;transform:translateY(0)}.payment-submit-btn:disabled{box-shadow:none;transform:none}.payment-submit-btn.loading,.payment-submit-btn:disabled{background:#a0aec0;cursor:not-allowed}.stripe-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.stripe-loading p{color:#6b7280;font-size:14px;margin-top:16px}.spinner{border-top-color:#666ee8}.stripe-loading .spinner{height:32px;width:32px}@media (max-width:768px){.stripe-payment-form{border-radius:8px;margin:0;padding:20px}.payment-summary h3{font-size:16px}.plan-info{align-items:flex-start;flex-direction:column;gap:4px}.plan-name,.plan-price{font-size:15px}.card-element-container{padding:14px}.security-notice{flex-direction:column;gap:8px;padding:14px}.security-icon{align-self:flex-start}.payment-submit-btn{font-size:15px;padding:14px 20px}}@media (prefers-color-scheme:dark){.stripe-payment-form{background:#1a1a1a;border-color:#2d2d2d;color:#e0e0e0}.payment-summary h3{color:#e0e0e0}.plan-summary{background:#2a2a2a;border:1px solid #2d2d2d}.plan-name,.plan-price{color:#e0e0e0}.plan-description{color:#a0a0a0}.card-section label{color:#e0e0e0}.card-element-container{background:#2a2a2a;border-color:#2d2d2d}.card-element-container:hover{border-color:#4a4a4a}.security-notice{background:#2a2a2a;border:1px solid #2d2d2d}.security-text p,.stripe-loading p{color:#a0a0a0}}.signup-container{align-items:center;background:linear-gradient(135deg,var(--background-secondary) 0,#fff8f0 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.signup-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:2rem;width:100%}.signup-header{margin-bottom:2rem;position:relative;text-align:center}.back-button{align-items:center;background:#f8f9fa;border:1px solid #e3e8ee;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:4px;left:0;padding:8px 12px;position:absolute;top:0;transition:all .2s ease}.back-button:hover{background:#e9ecef;border-color:#c4c4c4;color:#333}.back-button:active{transform:translateY(1px)}.signup-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.signup-header p{color:var(--text-secondary);font-size:1rem}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:var(--text-primary)}.form-input,.form-select{border:2px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:var(--primary-color);outline:none}.form-input.error,.form-select.error{border-color:#dc2626}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.95rem;margin-bottom:0}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);flex-shrink:0;height:18px;margin-right:.75rem;margin-top:.1rem;width:18px}.checkbox-text{line-height:1.5}.terms-link{color:var(--primary-color);margin:0 .25rem;text-decoration:underline}.terms-link:hover{color:var(--primary-hover)}.plan-options{display:flex!important;flex-direction:column!important}.plan-card{border:2px solid var(--border-color);border-radius:8px}.plan-option input[type=radio]:checked+.plan-card{background:var(--accent-light);border-color:var(--accent-color)}.plan-card h3{color:var(--text-primary);font-size:1.1rem}.plan-card p{color:var(--text-secondary);font-size:.9rem}.price{color:var(--primary-color);font-size:1.1rem}.signup-btn{align-items:center;border-radius:8px;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;margin-top:1rem;min-height:50px;padding:1rem 2rem;position:relative}.signup-btn.loading{color:#0000}.spinner{border:2px solid #0000;border-top-color:#fff;height:20px;position:absolute;width:20px}.signup-footer{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.signup-footer p{color:var(--text-secondary);margin:0}.signup-footer a{color:var(--primary-color);font-weight:500;text-decoration:none}.signup-footer a:hover{text-decoration:underline}@media (max-width:768px){.signup-container{padding:1rem}.signup-card{padding:1.5rem}.form-row{grid-template-columns:1fr}.plan-options{flex-direction:column}.signup-header h1{font-size:1.75rem}}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;display:none}.settings-container{margin:0 auto;max-width:800px}.billing-info{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:24px}.billing-status{margin-bottom:24px}.status-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.status-item:last-child{border-bottom:none;margin-bottom:0}.status-label{color:#495057;font-size:14px;font-weight:500}.status-value{font-size:14px;font-weight:600}.status-value.free-plan{color:#28a745}.status-value.plus-plan{color:#007bff}.status-value.unlimited-plan{color:#6f42c1}.status-value.status-active{color:#28a745}.status-value.status-canceled{color:#dc3545}.status-value.status-past_due{color:#fd7e14}.status-description{color:#6c757d;font-size:14px;line-height:1.5;margin:16px 0 0}.billing-actions{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.billing-help{background:#fff;border-left:3px solid #007bff;border-radius:6px;margin-top:16px;padding:16px}.billing-help p{color:#495057;font-size:14px;font-weight:500;margin:0 0 12px}.billing-help ul{color:#6c757d;font-size:13px;margin:0;padding-left:20px}.billing-help li{line-height:1.4;margin-bottom:4px}.billing-error{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;display:flex;gap:8px;margin:12px 0;padding:12px 16px}.error-icon{font-size:16px}.error-message{color:#856404;font-size:14px;font-weight:500}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#007bff;display:inline-block;height:14px;margin-right:8px;width:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-section{background:#fff;background:var(--background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);margin-bottom:2rem;padding:2rem}.settings-section-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.settings-item{margin-bottom:1.5rem}.settings-item:last-child{margin-bottom:0}.settings-label{align-items:center;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-weight:500;gap:1rem;justify-content:space-between;max-width:100%;overflow:hidden}.settings-label span{flex-shrink:0}.settings-checkbox{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);height:20px;width:20px}.settings-select{background:#fff;background:var(--background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius,6px);color:#111827;color:var(--text-primary,#111827);font-size:1rem;max-width:200px;min-width:140px;padding:.5rem .75rem;width:45%}.settings-select:focus{border-color:#ff6b35;border-color:var(--primary-color,#ff6b35);box-shadow:0 0 0 3px #ff6b351a;outline:none}.settings-button{border:none;border-radius:6px;border-radius:var(--radius,6px);cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:.75rem;margin-right:.75rem;padding:.75rem 1.5rem;transition:all .2s ease}.settings-button.primary{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.settings-button.primary:hover{background:#2563eb;background:var(--primary-hover,#2563eb)}.settings-button.secondary{background:#f3f4f6;background:var(--secondary-color,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.settings-button.secondary:hover{background:#e5e7eb;background:var(--border-color,#e5e7eb)}.settings-button.danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.settings-button.danger:hover{background:#fecaca;color:#b91c1c}.settings-actions{padding-top:1rem;text-align:center}.profile-form-container{background:#f9fafb;background:var(--secondary-color,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius,6px);margin-top:1rem;padding:1.5rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#111827;color:var(--text-primary,#111827);font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius,6px);font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-input:focus{border-color:#ff6b35;border-color:var(--primary-color,#ff6b35);box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-input.error{border-color:#dc2626}.error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem}.plan-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.plan-option{cursor:pointer}.plan-option input[type=radio]{display:none}.plan-card{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius,6px);padding:1rem;text-align:center;transition:all .2s ease}.plan-option input[type=radio]:checked+.plan-card{background:#fff8cc;background:var(--accent-light,#fff8cc);border-color:gold;border-color:var(--accent-color,gold);box-shadow:0 0 0 2px #ffd7004d}.plan-card h3{color:#111827;color:var(--text-primary,#111827);font-size:1rem;margin:0 0 .5rem}.plan-card p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0 0 .75rem}.price{color:#ff6b35;color:var(--primary-color,#ff6b35);font-size:1rem;font-weight:700}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.plan-form-container{background:#f9fafb;background:var(--secondary-color,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);margin-top:1rem;padding:1.5rem}.current-plan-info,.plan-form-container{border-radius:6px;border-radius:var(--radius,6px)}.current-plan-info{background:#fff;background:var(--background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);margin-bottom:1rem;padding:1rem}.current-plan-info p{margin:0}.current-plan-info p,.plan-selection h3{color:#111827;color:var(--text-primary,#111827)}.plan-selection h3{font-size:1.125rem;margin:0 0 1.5rem}.delete-form-container{background:#fef2f2;border:2px solid #fecaca;margin-top:1rem;padding:1.5rem}.delete-form-container,.delete-warning{border-radius:6px;border-radius:var(--radius,6px)}.delete-warning{background:#fff;border:1px solid #fca5a5;margin-bottom:1.5rem;padding:1rem}.delete-warning h3{align-items:center;color:#dc2626;display:flex;font-size:1.125rem;gap:.5rem;margin:0 0 1rem}.delete-warning p{color:#111827;color:var(--text-primary,#111827);margin:0 0 .75rem}.delete-warning ul{margin:.75rem 0;padding-left:1.5rem}.delete-warning li{color:#111827;color:var(--text-primary,#111827);margin-bottom:.5rem}.warning-text{color:#dc2626!important;font-weight:600;margin-top:1rem!important}.delete-form{display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.settings-section{margin-bottom:1.5rem;padding:1.5rem}.settings-label{align-items:flex-start;flex-direction:column;gap:.5rem}.settings-label span{white-space:nowrap}.settings-select{width:100%}.settings-button{margin-right:0;width:100%}.profile-form-container{padding:1rem}.form-row,.plan-options{grid-template-columns:1fr}.form-actions{flex-direction:column}}.sidebar-toggle{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:48px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:all .3s ease;width:48px;z-index:999}.sidebar-toggle:hover{background:#2563eb;background:var(--primary-hover,#2563eb);transform:scale(1.05)}.sidebar-toggle.hidden{opacity:0;pointer-events:none}.hamburger-line{background:#fff;border-radius:1px;height:2px;transition:all .3s ease;width:20px}.sidebar-overlay{background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:998}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background:#fff;background:var(--background,#fff);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color,#e5e7eb);box-shadow:2px 0 10px #0000001a;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:300px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;padding:1.5rem}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:1.25rem;font-weight:700;gap:.75rem;text-decoration:none}.sidebar-logo-image{height:32px;width:auto}.sidebar-close{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.sidebar-close:hover{background:#f3f4f6;background:var(--secondary-color,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.sidebar-menu{display:flex;flex-direction:column;height:calc(100% - 100px);padding:1rem}.sidebar-main-links{flex:1 1}.sidebar-bottom-links{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:1rem;padding-top:1rem}.sidebar-link{align-items:center;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{background:#f3f4f6;background:var(--secondary-color,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.sidebar-link.active{background:gold;background:var(--accent-color,gold);border:1px solid #e6c200;border:1px solid var(--accent-hover,#e6c200);color:#2d3748;color:var(--text-primary,#2d3748);font-weight:600}.sidebar-link-icon{font-size:1.25rem;text-align:center;width:1.5rem}.logout-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;width:100%}.logout-button:hover{background:#fee2e2!important;color:#dc2626!important}@media (max-width:768px){.sidebar{width:280px}}@media (max-width:480px){.sidebar{width:100vw}.sidebar-toggle{height:44px;left:.75rem;top:.75rem;width:44px}.hamburger-line{width:18px}}:root{--primary-color:#ff6b35;--primary-hover:#e55a30;--accent-color:gold;--accent-hover:#e6c200;--background:#fff;--background-secondary:#fff8f5;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--secondary-color:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 15px -3px #0000001a;--radius:6px;--radius-lg:8px}.App{background:#fff;background:var(--background);min-height:100vh}.app-header{background-color:#fff;background-color:var(--background);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.nav-container{justify-content:center;margin:0 auto;max-width:1200px;padding:1rem}.logo,.nav-container{align-items:center;display:flex}.logo{color:#ff6b35;color:var(--primary-color);font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none}.logo-image{height:40px;transition:transform .2s ease;width:auto}.logo-image:hover{transform:scale(1.05)}.logo-icon{align-items:center;background:#ff6b35;background:var(--primary-color);border-radius:6px;border-radius:var(--radius);color:#fff;display:flex;font-weight:700;height:2rem;justify-content:center;width:2rem}.main-content{flex:1 1;padding:2rem 0}.page-container{margin:0 auto;max-width:1200px;padding:0 1rem}.hero{background:linear-gradient(135deg,#ff6b35,#e55a30);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);color:#fff;margin-bottom:3rem;padding:4rem 0;text-align:center}.hero h1{font-size:3rem;font-weight:800;line-height:1.2;margin:0 0 1rem}.hero p{font-size:1.25rem;margin:0 auto 2rem;max-width:600px;opacity:.9}@media (max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}}.page-header{margin-bottom:2rem;text-align:center}.page-title{color:#111827;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:#6b7280;color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.feature-card{background-color:#fff;background-color:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a30);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:50%;box-shadow:0 4px 12px #ff6b354d;color:#fff;display:flex;font-size:1.5rem;height:3rem;justify-content:center;margin:0 auto 1rem;width:3rem}.feature-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.feature-description{color:#6b7280;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:1024px){.nav-container{padding-left:1.5rem;padding-right:1.5rem}.page-container{padding:0 1.5rem}}@media (max-width:768px){.hero{padding:2rem 0}.features-grid{gap:1.5rem;grid-template-columns:1fr}.page-title{font-size:2rem}.feature-card{padding:1.5rem}}
/*# sourceMappingURL=main.1d8c0aea.css.map*/