:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.google-signin-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border:1px solid #dadce0;border-radius:4px;background-color:#fff;color:#3c4043;font-size:14px;font-weight:500;font-family:Roboto,Arial,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #3c40434d}.google-signin-button:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #3c40434d}.google-signin-button:active{background-color:#f1f3f4;box-shadow:0 1px 2px #3c40434d}.google-signin-button:focus{outline:none;box-shadow:0 0 0 3px #4285f433}.google-icon{width:18px;height:18px;flex-shrink:0}.google-signin-text{white-space:nowrap}@media(prefers-color-scheme:dark){.google-signin-button{background-color:#fff;border-color:#dadce0;color:#3c4043}.google-signin-button:hover{background-color:#f8f9fa}}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px}.auth-card h1{margin-bottom:.5rem;color:#333;font-size:2rem}.auth-subtitle{color:#666;margin-bottom:2rem;font-size:.95rem}.auth-card form{margin-top:1.5rem}.auth-card .btn-primary{width:100%;margin-top:.5rem;padding:1rem;font-size:1.05rem}.auth-link{margin-top:1.5rem;text-align:center;color:#666;font-size:.95rem}.auth-link a{color:#646cff;text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#666}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.auth-divider span{padding:0 1rem;font-size:.875rem;text-transform:lowercase}.loading-spinner{display:flex;justify-content:center;margin:2rem 0}.spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{display:flex;justify-content:center;margin:2rem 0}@media(max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-card h1{font-size:1.75rem}}.dashboard-container{min-height:100vh;background:#f5f7fa}.dashboard-nav{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.dashboard-nav h1{margin:0;color:#333;font-size:1.75rem}.nav-links{display:flex;gap:1rem}.dashboard-content{padding:2rem;max-width:1200px;margin:0 auto}.welcome-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.welcome-section h2{margin-bottom:.5rem;color:#333}.welcome-section p{color:#666;font-size:1.05rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.dashboard-card h3{margin-bottom:.75rem;color:#333}.dashboard-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.dashboard-card .btn{width:100%}@media(max-width:768px){.dashboard-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-direction:column;width:100%}.nav-links .btn{width:100%}.dashboard-content{padding:1rem}.dashboard-cards{grid-template-columns:1fr}}.profile-container{min-height:100vh;background:#f5f7fa}.profile-nav{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.profile-content{padding:2rem;max-width:800px;margin:0 auto}.profile-content h1{margin-bottom:2rem;color:#333}.profile-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.card-header h2{margin:0;color:#333;font-size:1.5rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#666;min-width:120px}.info-value{color:#333}@media(max-width:768px){.profile-nav{flex-direction:column;gap:1rem;padding:1rem}.profile-nav .btn{width:100%}.profile-content{padding:1rem}.profile-card{padding:1.5rem}.card-header{flex-direction:column;gap:1rem;align-items:stretch}.card-header .btn{width:100%}.info-item{flex-direction:column;gap:.25rem}}.subscription-container{min-height:100vh;background:#f5f7fa}.subscription-nav{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 4px #0000001a}.subscription-content{padding:2rem;max-width:1200px;margin:0 auto}.subscription-content h1{margin-bottom:2rem;color:#333;font-size:2rem;font-weight:700}.error-message{padding:1rem 1.5rem;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.success-message{padding:1rem 1.5rem;background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#059669;margin-bottom:1.5rem}.current-subscription-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.subscription-header h2{margin:0 0 .5rem;color:#111827;font-size:1.5rem}.subscription-description{color:#6b7280;margin:0}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-blue{background:#dbeafe;color:#1e40af}.status-badge.status-green{background:#d1fae5;color:#065f46}.status-badge.status-orange{background:#fed7aa;color:#c2410c}.status-badge.status-red{background:#fee2e2;color:#991b1b}.status-badge.status-gray{background:#e5e7eb;color:#374151}.subscription-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:1.125rem;color:#111827;font-weight:600}.status-notice{padding:1rem;border-radius:8px;margin-top:1.5rem;font-size:.875rem}.status-notice-blue{background:#eff6ff;border:1px solid #3b82f6;color:#1e40af}.status-notice-green{background:#f0fdf4;border:1px solid #10b981;color:#065f46}.status-notice-orange{background:#fff7ed;border:1px solid #f59e0b;color:#c2410c}.status-notice-red{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.subscription-actions{display:flex;gap:1rem;flex-wrap:wrap}.tabs{display:flex;gap:1rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.tab{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab:hover:not(:disabled){color:#111827}.tab.active{color:#646cff;border-bottom-color:#646cff}.tab:disabled{opacity:.5;cursor:not-allowed}.tab-content{min-height:400px}.billing-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;background:#f9fafb;padding:.5rem;border-radius:10px;width:fit-content;margin-left:auto;margin-right:auto}.billing-toggle button{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:8px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.billing-toggle button.active{background:#fff;color:#646cff;box-shadow:0 1px 3px #0000001a}.billing-toggle .savings-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:#10b981;color:#fff;font-size:.75rem;border-radius:4px;font-weight:600}.plans-section{margin-top:1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.plan-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;border:2px solid transparent;position:relative;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.plan-card.current-plan{border-color:#646cff;background:linear-gradient(to bottom,#f0f4ff,#fff 50px)}.plan-card.featured{border-color:#646cff}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#646cff;color:#fff;padding:.25rem 1rem;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.plan-card h3{margin:0 0 .5rem;color:#111827;font-size:1.5rem}.plan-description{color:#6b7280;margin:0 0 1.5rem;font-size:.875rem}.plan-price{margin-bottom:.5rem}.price-amount{font-size:2.5rem;font-weight:700;color:#646cff}.price-period{font-size:1rem;font-weight:400;color:#6b7280}.price-billed{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.trial-info{padding:.75rem 1rem;background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;margin-bottom:1.5rem;text-align:center;color:#1e40af}.plan-features{list-style:none;padding:0;margin:0 0 auto;flex-grow:1}.plan-features li{padding:.75rem 0;color:#374151;border-bottom:1px solid #f3f4f6;font-size:.9375rem}.plan-features li:last-child{border-bottom:none}.plan-card .btn{width:100%;margin-top:1.5rem}.usage-section h2{margin-bottom:2rem;color:#111827}.usage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.usage-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.usage-card h3{margin:0 0 1.5rem;color:#111827;font-size:1.125rem}.usage-numbers{display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem}.usage-current{font-size:3rem;font-weight:700;color:#111827}.usage-separator{font-size:2rem;color:#9ca3af;margin:0 .5rem}.usage-limit{font-size:2rem;font-weight:500;color:#6b7280}.usage-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.usage-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:6px}.usage-bar.safe .usage-fill{background:#10b981}.usage-bar.warning .usage-fill{background:#f59e0b}.usage-bar.critical .usage-fill{background:#ef4444}.usage-bar.blocked .usage-fill{background:#dc2626}.usage-percentage{text-align:center;color:#6b7280;font-size:.875rem;margin:0}.upgrade-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:12px;text-align:center;color:#fff}.upgrade-cta h3{margin:0 0 .5rem;font-size:1.5rem}.upgrade-cta p{margin:0 0 1.5rem;opacity:.9}.upgrade-cta .btn{background:#fff;color:#667eea;border:none}.upgrade-cta .btn:hover{background:#f3f4f6}.history-section h2{margin-bottom:2rem;color:#111827}.history-timeline{display:flex;flex-direction:column;gap:1.5rem}.history-event{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;align-items:flex-start}.event-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:50%}.event-details{flex-grow:1}.event-type{margin:0 0 .5rem;color:#111827;font-size:1.125rem}.event-description{color:#6b7280;margin:0 0 .5rem}.event-reason{color:#9ca3af;font-style:italic;margin:0 0 .5rem;font-size:.875rem}.event-date{color:#9ca3af;font-size:.875rem;margin:0}.empty-state{text-align:center;color:#6b7280;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.loading{text-align:center;padding:3rem;color:#6b7280}@media(max-width:768px){.subscription-nav,.subscription-content{padding:1rem}.subscription-content h1{font-size:1.5rem}.subscription-header{flex-direction:column;gap:1rem}.status-badge{align-self:flex-start}.subscription-details-grid{grid-template-columns:1fr}.subscription-actions{flex-direction:column}.subscription-actions .btn{width:100%}.tabs{gap:.5rem}.tab{padding:.75rem 1rem;font-size:.875rem}.plans-grid,.usage-cards{grid-template-columns:1fr}.usage-numbers{margin-bottom:1.5rem}.history-event{flex-direction:column;gap:1rem}.event-icon{align-self:flex-start}}*{margin:0;padding:0;box-sizing:border-box}#root{min-height:100vh;width:100%}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#646cff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#535bf2}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.btn-outline{background-color:transparent;border:2px solid #646cff;color:#646cff}.btn-outline:hover:not(:disabled){background-color:#646cff;color:#fff}.btn-danger{border-color:#ef4444!important;color:#ef4444!important}.btn-danger:hover:not(:disabled){background-color:#ef4444!important;color:#fff!important}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#646cff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.error-message{padding:1rem;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:1rem}.success-message{padding:1rem;background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;margin-bottom:1rem}.message{padding:1rem;border-radius:6px;margin-bottom:1rem}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#666}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}