@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.language-selector{align-items:center;display:flex;gap:8px;justify-content:center}.language-btn{background:#0000;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.language-btn:hover{background-color:#f0f0f0}.language-btn.active{background-color:#e0e0e0;border-color:#999;font-weight:700}@media (prefers-color-scheme:dark){.language-btn{border-color:#444;color:#ddd}.language-btn:hover{background-color:#333}.language-btn.active{background-color:#444;border-color:#666}}.trial-offer-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.trial-offer-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.trial-offer-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;padding:2rem;position:relative;text-align:center}.trial-offer-header h3{font-size:1.8rem;font-weight:700;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.close-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.trial-offer-content{padding:2rem}.trial-intro{margin-bottom:2rem;text-align:center}.trial-intro h4{color:#2c3e50;font-size:1.5rem;margin:0 0 .5rem}.trial-intro p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0}.trial-options{margin-bottom:2rem}.trial-options h5{color:#2c3e50;font-size:1.2rem;margin:0 0 1rem;text-align:center}.trial-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.trial-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}.trial-option:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.trial-option.selected{background:linear-gradient(135deg,#667eea20,#764ba220);border-color:#667eea;box-shadow:0 8px 20px #667eea33}.trial-option.popular{border-color:#28a745}.trial-option.popular.selected{background:linear-gradient(135deg,#28a74520,#20c99720);border-color:#28a745}.popular-badge{background:linear-gradient(45deg,#28a745,#20c997);border-radius:0 0 12px 12px;color:#fff;font-size:.8rem;font-weight:600;left:50%;letter-spacing:.5px;padding:.3rem 1rem;position:absolute;text-transform:uppercase;top:-1px;transform:translateX(-50%)}.trial-days{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:.5rem 0 .3rem}.trial-option.popular .trial-days{margin-top:1rem}.trial-description{color:#6c757d;font-size:.9rem;margin:0}.trial-benefits{margin-bottom:2rem}.trial-benefits h5{color:#2c3e50;font-size:1.2rem;margin:0 0 1rem}.trial-benefits-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.trial-benefits-list li{align-items:center;color:#495057;display:flex;font-size:1rem;padding:.5rem 0}.trial-terms{margin-bottom:2rem}.trial-highlight{align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border:2px solid #28a745;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.highlight-icon{flex-shrink:0;font-size:2rem}.highlight-text strong{color:#2c3e50;display:block;font-size:1.1rem;margin-bottom:.3rem}.highlight-text small{color:#6c757d;font-size:.9rem}.trial-actions{margin-bottom:2rem}.btn-start-trial{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:50px;box-shadow:0 8px 20px #28a7454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-start-trial:hover:not(:disabled){box-shadow:0 12px 30px #28a74566;transform:translateY(-2px)}.btn-start-trial:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.btn-cancel{background:#0000;border:2px solid #6c757d;border-radius:50px;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:all .3s ease;width:100%}.btn-cancel:hover:not(:disabled){background:#6c757d;color:#fff}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.trial-footer{border-top:1px solid #e9ecef;padding-top:1.5rem;text-align:center}.trial-fine-print{color:#6c757d;font-size:.85rem;line-height:1.5;margin:0}@media (max-width:768px){.trial-offer-modal{margin:1rem;width:95%}.trial-offer-header{padding:1.5rem}.trial-offer-header h3{font-size:1.5rem}.trial-offer-content{padding:1.5rem}.trial-options-grid{gap:.8rem}.trial-benefits-list,.trial-options-grid{grid-template-columns:1fr}.trial-highlight{flex-direction:column;gap:.8rem}.highlight-text,.trial-highlight{text-align:center}}@media (max-width:480px){.trial-offer-content,.trial-offer-header{padding:1rem}.trial-option{padding:1rem .8rem}.btn-cancel,.btn-start-trial{font-size:1rem;padding:.8rem 1.5rem}}.smart-upgrade-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin:0 auto;max-width:600px;overflow:hidden;padding:2rem;position:relative}.smart-upgrade-prompt:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='20' cy='20' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='80' cy='40' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='40' cy='80' r='.8' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.upgrade-prompt-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.lock-icon{display:block;font-size:3rem;margin-bottom:1rem}.upgrade-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.upgrade-subtitle{font-size:1.1rem;margin:0;opacity:.9}.content-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.content-preview h4{font-size:1.2rem;margin:0 0 1rem}.preview-stats{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.preview-stats span{background:#fff3;border-radius:20px;font-size:.9rem;padding:.3rem .8rem}.preview-bar{margin-top:1rem}.preview-indicator{background:#ffffff4d;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.preview-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;transition:width .3s ease}.upgrade-benefits{margin-bottom:2rem}.upgrade-benefits h4{font-size:1.3rem;margin:0 0 1rem}.benefits-list{list-style:none;margin:0;padding:0}.benefit-item{font-size:1rem;padding:.5rem 0}.benefit-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:.8rem;height:24px;justify-content:center;margin-right:1rem;width:24px}.upgrade-pricing{margin-bottom:2rem;text-align:center}.price-display{align-items:baseline;display:flex;justify-content:center;margin-bottom:.5rem}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.price-period{font-size:1.2rem;margin-left:.3rem;opacity:.8}.price-difference{font-size:.9rem;margin:0;opacity:.8}.upgrade-actions{margin-bottom:2rem}.action-buttons{display:flex;flex-direction:column;gap:1rem}.btn-upgrade{background:linear-gradient(45deg,#ff6b6b,#ff8e53);border-radius:50px;box-shadow:0 8px 20px #ff6b6b4d;font-size:1.1rem;padding:1rem 2rem}.btn-upgrade:hover{box-shadow:0 12px 30px #ff6b6b66}.btn-trial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff6;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:all .3s ease}.btn-trial:hover{background:#ffffff4d;border-color:#fff9}.social-proof{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.testimonial{font-size:1.1rem;font-style:italic;line-height:1.6;margin:0 0 .5rem}.quote-icon{font-size:1.5rem;opacity:.6}.testimonial-author{font-size:.9rem;margin:0 0 1rem;opacity:.8}.stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.stat{background:#fff3;border-radius:20px;font-size:.8rem;padding:.3rem .8rem}.guarantee{margin-bottom:1rem}.guarantee-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;gap:1rem;justify-content:center;padding:1rem}.shield-icon{font-size:2rem}.guarantee-text{text-align:left}.guarantee-text strong{display:block;font-size:1rem;margin-bottom:.2rem}.guarantee-text small{font-size:.85rem;opacity:.8}.btn-trial:disabled,.btn-upgrade:disabled{cursor:not-allowed;opacity:.7;transform:none!important}@media (max-width:768px){.smart-upgrade-prompt{margin:1rem;padding:1.5rem}.upgrade-title{font-size:1.5rem}.price-amount{font-size:2.5rem}.action-buttons{gap:.8rem}.btn-trial,.btn-upgrade{font-size:1rem;padding:.8rem 1.5rem}.preview-stats,.stats{gap:.5rem}.guarantee-badge{flex-direction:column;gap:.5rem}.guarantee-badge,.guarantee-text{text-align:center}}@media (max-width:480px){.smart-upgrade-prompt{padding:1rem}.lock-icon{font-size:2.5rem}.upgrade-title{font-size:1.3rem}.action-buttons{flex-direction:column}}.feature-gate{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;width:100%}.feature-gate.loading{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:2rem}.feature-gate.denied{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:0}.loading-spinner{color:#666;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 1rem;width:40px}.loading-spinner p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.feature-gate{min-height:150px}.feature-gate.loading{padding:1.5rem}.loading-spinner p{font-size:13px}}.premium-features ul{list-style:none;padding:0}.premium-features li{border-bottom:1px solid #f0f0f0;padding:.5rem 0}.btn-upgrade{background:linear-gradient(135deg,gold,#ffed4e);border-radius:6px;color:#333;font-weight:700;padding:.75rem 1.5rem}.btn-upgrade:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.status-grid{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.status-item{align-items:center;background:#f8f9fa;border-radius:6px;color:#495057;display:flex;font-weight:500;gap:1rem;padding:.75rem}.status-item pre{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057!important;font-size:.75rem;font-weight:400;margin:.5rem 0 0;overflow-x:auto;padding:.5rem;width:100%}.status-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-success{background:#d4edda;color:#155724}.status-error{background:#f8d7da;color:#721c24}.status-free{background:#e2e3e5;color:#495057}.status-loading{background:#fff3cd;color:#856404}.test-sections{grid-gap:2rem;display:grid;gap:2rem;margin-top:2rem}.content-free{background:linear-gradient(135deg,#d4edda,#e8f5e8);border-left:4px solid #28a745;color:#155724}.content-free,.content-premium{border-radius:8px;font-weight:500;padding:1.5rem}.content-premium{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid gold;color:#856404}.content-industry{background:linear-gradient(135deg,#e1f5fe,#b3e5fc);border-left:4px solid #0288d1;color:#01579b}.content-enterprise,.content-industry{border-radius:8px;font-weight:500;padding:1.5rem}.content-enterprise{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-left:4px solid #7b1fa2;color:#4a148c}.alert{border:1px solid #0000;border-radius:6px}.alert-warning{background-color:#fff3cd;border-color:#ffecb5;color:#856404}.tier-test-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.btn-outline{border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-outline:hover{background:#007bff;color:#fff}.premium-status{margin-bottom:1.5rem;text-align:center}.content-section{margin:2rem 0}.content-section h2{color:#495057;font-weight:600;margin-bottom:1rem}.quick-links{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.quick-links h3{color:#495057;font-weight:600;margin-bottom:1rem}.link-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;display:flex;font-weight:500;gap:.75rem;padding:1rem;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:#f0f8ff;border-color:#007bff;color:#007bff;text-decoration:none}.quick-link span:first-child{font-size:1.5rem}.upgrade-prompt{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.upgrade-prompt h3{color:#856404;margin-bottom:1rem}.upgrade-prompt p{color:#856404;margin-bottom:1.5rem}.subscription-actions{color:#f3f4f6;padding:1.5rem}.subscription-actions p{color:#f3f4f6;font-weight:500;margin-bottom:1rem}.pricing-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.pricing-card{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;padding:1.5rem;text-align:center;transition:all .3s ease}.pricing-card h4{color:#495057!important;font-weight:700;margin-bottom:1rem;text-align:center}.pricing-card .price{color:#007bff!important;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.pricing-card .description{color:#6c757d!important;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.pricing-card p{color:#495057!important;font-weight:500}.pricing-card:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff26;transform:translateY(-2px)}.price{color:#007bff!important;display:block;font-size:1.5rem;margin:.5rem 0;text-align:center}.debug-info{background:#f8f9fa;border-radius:6px;color:#495057;padding:1rem}.debug-info details{margin-bottom:1rem}.debug-info summary{background:#e9ecef;border-radius:4px;color:#495057;cursor:pointer;font-weight:500;padding:.5rem}.debug-info pre{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057!important;font-size:.875rem;font-weight:500;margin-top:.5rem;overflow-x:auto;padding:1rem}.content-free ul,.content-premium ul{margin:1rem 0;padding-left:1.5rem}.content-free li,.content-premium li{font-weight:500;margin:.5rem 0}.content-free h3,.content-premium h3{font-weight:700;margin-bottom:1rem}.content-free p,.content-premium p{font-weight:500;margin:.5rem 0 1rem}.content-free .btn{background-color:#28a745!important;border:1px solid #28a745!important;border-radius:6px;color:#fff!important;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.content-free .btn:hover{background-color:#218838!important;border-color:#218838!important;color:#fff!important}.content-premium .btn{background-color:#ffc107!important;border:1px solid #ffc107!important;border-radius:6px;color:#212529!important;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.content-premium .btn:hover{background-color:#e0a800!important;border-color:#e0a800!important;color:#212529!important}.border-premium{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid gold;color:#856404}.border-premium .card-header h3{color:#856404;font-weight:700}.border-premium .card-body{color:#856404}.border-premium .card-body p{font-weight:500;margin-bottom:1rem}.border-premium .premium-features ul{list-style:none;margin:1rem 0;padding-left:0}.border-premium .premium-features li{border-bottom:1px solid #85640433;color:#856404;font-weight:500;padding:.5rem 0}.subscription-success-content{color:#333!important;padding:2rem;text-align:center}.subscription-welcome-text{background:#ffffffe6!important;border-radius:6px!important;color:#333!important;font-size:1.1rem!important;font-weight:500!important;line-height:1.5!important;margin-bottom:2rem!important;padding:1rem!important}.subscription-success-icon{font-size:4rem;margin-bottom:1rem}.subscription-success-message{margin:2rem 0}.subscription-success-benefits{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:0 auto;max-width:600px;padding:1.5rem;text-align:left}.subscription-next-steps{list-style:none;margin:0;padding:0}.subscription-next-steps li{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#495057!important;font-weight:500;margin:.75rem 0;padding:.75rem}.subscription-success-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.subscription-processing{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:2rem 0;padding:1.5rem}@media (max-width:768px){.subscription-success-actions{align-items:center;flex-direction:column}.subscription-success-benefits,.subscription-success-content{padding:1rem}}.content-analytics{width:100%}.content-analytics.empty,.content-analytics.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state{padding:3rem;text-align:center}.empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#2c3e50;font-size:1.5rem;margin:0 0 .5rem}.empty-state p{color:#6c757d;font-size:1.1rem;margin:0}.analytics-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.analytics-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.analytics-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.usage-metrics:before{background:linear-gradient(90deg,#28a745,#20c997)}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#fffc;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.metric-value{color:#28a745;font-size:2.5rem;margin-bottom:.5rem}.metric-label{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:.3rem}.metric-trend{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.2rem .5rem}.metric-trend.positive{background:#d4edda;color:#155724}.metric-description{color:#6c757d;font-size:.85rem;line-height:1.4;margin-top:.3rem}.content-breakdown:before{background:linear-gradient(90deg,#17a2b8,#6f42c1)}.breakdown-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.breakdown-category{background:#fffc;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.breakdown-category:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.breakdown-category h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 1rem;text-align:center}.category-count{color:#17a2b8;font-size:3rem;font-weight:700;line-height:1;margin-bottom:1rem;text-align:center}.category-list{max-height:200px;overflow-y:auto}.content-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;font-size:.9rem;gap:.8rem;padding:.5rem 0}.content-item:last-child{border-bottom:none}.content-item.more{color:#6c757d;font-style:italic;justify-content:center}.content-icon{flex-shrink:0;font-size:1rem}.content-name{color:#495057;flex:1 1;line-height:1.3}.usage-patterns:before{background:linear-gradient(90deg,#fd7e14,#e83e8c)}.patterns-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pattern-card{background:#fffc;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.pattern-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.pattern-card h5{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:center}.time-slots{display:flex;flex-direction:column;gap:.5rem}.time-slot{align-items:center;display:flex;gap:1rem}.time{color:#6c757d;font-size:.85rem;font-weight:500;min-width:50px}.activity-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.activity-fill{background:linear-gradient(90deg,#fd7e14,#e83e8c);border-radius:4px;height:100%;transition:width .3s ease}.streak-info{display:flex;justify-content:space-around;margin-bottom:1rem}.streak-best,.streak-current{text-align:center}.streak-number{color:#fd7e14;display:block;font-size:2rem;font-weight:700;line-height:1}.streak-label{color:#6c757d;display:block;font-size:.8rem;margin-top:.2rem}.streak-calendar{margin-top:1rem}.streak-days{gap:.3rem}.streak-day,.streak-days{display:flex;justify-content:center}.streak-day{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;font-size:.8rem;font-weight:600;height:30px;width:30px}.streak-day.active{background:linear-gradient(45deg,#fd7e14,#e83e8c);border-color:#0000;color:#fff}.preferences-list{display:flex;flex-direction:column;gap:.8rem}.preference-item{align-items:center;display:flex;gap:1rem}.preference-name{color:#495057;font-size:.9rem;font-weight:500;min-width:80px}.preference-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.preference-fill{background:linear-gradient(90deg,#fd7e14,#e83e8c);border-radius:4px;height:100%;transition:width .3s ease}.preference-percent{color:#6c757d;font-size:.8rem;font-weight:500;min-width:35px;text-align:right}.recommended-actions:before{background:linear-gradient(90deg,#ffc107,#fd7e14)}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendation-card{background:#fffc;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.rec-icon{flex-shrink:0;font-size:2rem}.rec-content{flex:1 1}.rec-content h5{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .5rem}.rec-content p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.btn{border-radius:6px;font-size:.85rem}.btn-sm{font-size:.8rem;padding:.4rem .8rem}.btn-outline{border:1px solid #ffc107;color:#ffc107}.btn-outline:hover{background:#ffc107;color:#212529}.no-data{color:#6c757d;font-size:.9rem;font-style:italic;padding:1rem;text-align:center}@media (max-width:1024px){.metrics-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.patterns-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.analytics-section{padding:1.5rem}.breakdown-grid,.metrics-grid,.patterns-grid,.recommendations-grid{gap:1rem;grid-template-columns:1fr}.breakdown-category,.metric-card,.pattern-card,.recommendation-card{padding:1rem}.metric-value{font-size:2rem}.category-count{font-size:2.5rem}.streak-info{flex-direction:column;gap:1rem}.time-slot{gap:.5rem}.time{min-width:40px}}@media (max-width:480px){.analytics-section{padding:1rem}.analytics-section h3{font-size:1.2rem}.metric-value{font-size:1.8rem}.category-count{font-size:2rem}.streak-days{gap:.2rem}.streak-day{font-size:.7rem;height:25px;width:25px}.recommendation-card{flex-direction:column;text-align:center}}.upgrade-recommendations{width:100%}.upgrade-recommendations.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.recommendations-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.recommendations-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.recommendations-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.insights:before{background:linear-gradient(90deg,#17a2b8,#6f42c1)}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.insight-card{background:#fffc;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.insight-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.insight-header{align-items:center;display:flex;gap:.8rem;margin-bottom:1rem}.insight-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.insight-header h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.insight-content p{color:#495057;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.usage-visual{margin-top:1rem}.usage-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;transition:width .3s ease}.usage-percent{color:#6c757d;font-size:.85rem;font-weight:500}.value-comparison{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.tier-value{align-items:center;background:#28a7451a;border:1px solid #28a74533;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.tier-name{color:#495057;font-size:.9rem;font-weight:500}.tier-efficiency{color:#28a745;font-size:.9rem;font-weight:600}.learning-metrics{display:flex;gap:1rem;margin-top:1rem}.metric{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;flex:1 1;padding:.8rem;text-align:center}.metric-value{color:#667eea;display:block;font-size:1.5rem;font-weight:700;line-height:1}.metric-label{color:#6c757d;display:block;font-size:.8rem;margin-top:.2rem}.tier-recommendations:before{background:linear-gradient(90deg,#28a745,#20c997)}.tiers-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tier-card{background:#ffffffe6;border-radius:16px;overflow:hidden;padding:2rem;position:relative}.tier-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.tier-card.recommended{background:linear-gradient(135deg,#28a7450d,#20c9970d);border-color:#28a745}.recommended-badge{background:linear-gradient(45deg,#28a745,#20c997);border-radius:0 0 12px 12px;box-shadow:0 4px 8px #28a7454d;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem 1.2rem;position:absolute;right:20px;text-transform:uppercase;top:-1px}.tier-header{border-bottom:1px solid #e9ecef;margin-bottom:1.5rem;padding-bottom:1rem}.tier-header h4{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0 0 .5rem}.tier-price{margin-bottom:.5rem}.price{color:#28a745;font-size:2.5rem;font-weight:700}.period{color:#6c757d;margin-left:.3rem}.tier-discount{background:linear-gradient(45deg,#ff6b6b,#ff8e53);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.tier-features{margin-bottom:1.5rem}.tier-features h5{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .8rem}.features-list{list-style:none;margin:0;padding:0}.feature-item{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:.8rem;padding:.4rem 0}.feature-icon{color:#28a745;flex-shrink:0;font-size:.9rem}.tier-benefits{background:#28a7450d;border:1px solid #28a7451a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.benefit-item{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:.8rem;margin-bottom:.5rem}.benefit-item:last-child{margin-bottom:0}.benefit-icon{color:#28a745;flex-shrink:0;font-size:1rem}.tier-match-score{background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.match-header{align-items:center;color:#2c3e50;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.score{color:#667eea;font-size:1.1rem}.match-bar{background:#e9ecef;border-radius:3px;height:6px;margin-bottom:.8rem;overflow:hidden}.match-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.match-reasons{display:flex;flex-direction:column;gap:.3rem}.match-reason{align-items:center;color:#6c757d;display:flex;font-size:.8rem;gap:.5rem}.reason-icon{font-size:.9rem}.tier-actions{flex-direction:column;gap:.8rem}.btn-upgrade{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.btn-upgrade:hover:not(:disabled){box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.btn-upgrade:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.btn-secondary{background:linear-gradient(45deg,#6c757d,#5a6268)}.btn-trial{background:#0000;border:1px solid #28a745;color:#28a745;padding:.8rem 1.5rem}.btn-trial:hover{background:#28a745;color:#fff}.no-recommendations{color:#6c757d;padding:3rem;text-align:center}.no-rec-icon{display:block;font-size:4rem;margin-bottom:1rem}.no-recommendations h4{color:#2c3e50;font-size:1.5rem;margin:0 0 .5rem}.no-recommendations p{font-size:1.1rem;margin:0}.actionable-steps:before{background:linear-gradient(90deg,#ffc107,#fd7e14)}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.step-card{background:#fffc;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.step-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#ffc107,#fd7e14);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h5{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0 0 .8rem}.step-link{color:#ffc107;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.step-link:hover{color:#fd7e14}.loading-spinner.small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none}.btn-outline{background:#0000;border:1px solid}@media (max-width:1024px){.insights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tiers-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.recommendations-section{padding:1.5rem}.insights-grid,.steps-grid,.tiers-grid{gap:1rem;grid-template-columns:1fr}.insight-card,.step-card,.tier-card{padding:1rem}.tier-header h4{font-size:1.2rem}.price{font-size:2rem}.learning-metrics{flex-direction:column;gap:.5rem}.step-card{flex-direction:column;text-align:center}}@media (max-width:480px){.recommendations-section{padding:1rem}.recommendations-section h3{font-size:1.2rem}.tier-card{padding:1.5rem 1rem}.price{font-size:1.8rem}.btn-trial,.btn-upgrade{font-size:.9rem;padding:.8rem 1rem}}.subscription-management-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px 0}.page-header{color:#fff;margin-bottom:30px;text-align:center}.page-header h1{font-size:2.5em;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.page-header p{font-size:1.2em;opacity:.9}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;display:flex;justify-content:center;margin-bottom:30px;padding:10px}.tab-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#ffffff1a;transform:translateY(-2px)}.tab-button.active{background:#fff3;border:2px solid #ffffff4d}.tab-icon{font-size:1.2em}.tab-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.tab-content{animation:fadeIn .5s ease;padding:30px}.subscription-overview{background-color:var(--background-light);color:var(--primary-text-color);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;gap:20px;line-height:1.6;padding:20px}.current-plan-section{background-color:var(--background-white);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 10px #0000000f;padding:20px}.current-plan-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-text-color),var(--accent-color));-webkit-background-clip:text;color:var(--primary-text-color);font-size:2em;font-weight:700;letter-spacing:-.7px;margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.current-plan-section .plan-description{color:var(--secondary-text-color);font-size:1.1em;line-height:1.5;margin-bottom:15px;opacity:.9}.plan-details{background-color:#2980b90d;border:1px solid #2980b91a;border-radius:12px;box-shadow:0 4px 10px #00000008;gap:25px;padding:20px}.plan-icon{align-items:center;background:linear-gradient(135deg,#2980b91a,#2980b933);border-radius:50%;box-shadow:0 4px 10px #0000000d;color:var(--accent-color);display:flex;font-size:3em;height:100px;justify-content:center;transition:all .3s ease;width:100px}.plan-icon:hover{box-shadow:0 6px 15px #0000001a;transform:scale(1.05)}.plan-info{flex-grow:1;position:relative}.plan-info:before{background:linear-gradient(45deg,var(--accent-color),#0000);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:50px}.plan-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-text-color),var(--accent-color));-webkit-background-clip:text;color:var(--primary-text-color);display:inline-block;font-size:1.8em;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:12px;text-shadow:0 2px 4px #0000000d}.plan-info .plan-subtitle{font-weight:500;margin-top:8px;opacity:.8}.plan-info .plan-subtitle,.plan-status{color:var(--secondary-text-color);font-size:1em}.plan-status{margin-bottom:12px}.status-indicator{background-color:#2980b91a;border-radius:20px;color:var(--accent-color);font-weight:500;padding:4px 10px}.plan-pricing{color:var(--secondary-text-color);font-size:1.1em;font-weight:500}.usage-stats-section{background-color:var(--background-white);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 10px #0000000f;padding:20px}.usage-stats-section h3{color:var(--primary-text-color);font-size:1.5em;font-weight:600;letter-spacing:-.3px;margin-bottom:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item{background-color:#2980b90d;border:1px solid #2980b91a;border-radius:10px;padding:20px;text-align:center;transition:transform .2s ease}.stat-item:hover{box-shadow:0 4px 15px #0000000d;transform:translateY(-3px)}.stat-label{color:var(--secondary-text-color);display:block;font-size:.9em;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:var(--accent-color);font-size:1.6em;font-weight:700}.action-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;padding:12px 20px;transition:all .3s ease;width:100%}.action-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.6}.sync-message{border-radius:8px;font-weight:500;margin-top:15px;padding:10px;text-align:center}.plan-management h2{color:#333;margin-bottom:10px;text-align:center}.plan-management p{color:#666;margin-bottom:30px;text-align:center}.tiers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.tier-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:25px;transition:all .3s ease}.tier-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.tier-card.current{background:linear-gradient(135deg,#f8fff9,#e8f5e8);border-color:#28a745;transform:scale(1.02)}.tier-header{border-bottom:2px solid #f8f9fa;margin-bottom:20px;padding-bottom:20px;text-align:center}.tier-icon{display:block;font-size:3em;margin-bottom:10px}.tier-header h3{color:#333}.tier-header h3,.tier-price{margin-bottom:10px}.tier-price .price{color:#667eea;font-size:1.8em;font-weight:700}.tier-price .period{color:#666;font-size:.9em}.tier-description{margin-bottom:20px}.tier-description p{color:#666;font-style:italic;text-align:center}.tier-features ul{list-style:none;margin-bottom:25px;padding:0}.tier-features li{color:#555;padding:8px 0 8px 25px;position:relative}.tier-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.tier-actions{text-align:center}.btn{border:none;border-radius:8px;font-size:1em;min-width:150px;padding:12px 30px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#ff9a56,#ffad56);color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 5px 15px #ff9a5666;transform:translateY(-2px)}.btn-current{background:#28a745;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.tab-navigation{flex-direction:column;gap:10px}.tab-button{justify-content:center}.summary-cards,.tiers-grid{grid-template-columns:1fr}.tab-content{padding:20px}}.scheduled-changes-section{background-color:#2980b90d;border:1px solid #2980b933;border-radius:10px;display:flex;flex-direction:column;margin-top:15px;padding:20px}.scheduled-changes-section h3{align-items:center;color:var(--accent-color);display:flex;font-size:1.3em;font-weight:600;margin-bottom:15px}.scheduled-changes-section h3 span{margin-right:10px}.scheduled-change-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.scheduled-change-details p{align-items:center;color:var(--secondary-text-color);display:flex;margin:0}.scheduled-change-details p strong{color:var(--primary-text-color);margin-right:10px;min-width:120px}.scheduled-change-warning{background-color:#3498db1a;border-left:4px solid var(--accent-color);color:var(--secondary-text-color);font-size:.9em;grid-column:1/-1;margin-top:15px;padding:12px}body{--primary-text-color:#1a2b3c;--secondary-text-color:#34495e;--accent-color:#2980b9;--background-light:#f9f9fc;--background-white:#fff;--border-light:#e0e6ed}:root{--primary-dark:#111827;--primary-medium:#1f2937;--primary-light:#374151;--accent-blue:#3b82f6;--accent-indigo:#6366f1;--accent-purple:#8b5cf6;--text-light:#f3f4f6;--text-muted:#9ca3af;--gradient-start:#6366f1;--gradient-end:#8b5cf6;--success-green:#10b981;--warning-yellow:#f59e0b;--error-red:#ef4444}.tier-description{background:#1f2937;background:var(--primary-medium);border-left:4px solid #6366f1;border-left:4px solid var(--accent-indigo);border-radius:8px;margin-bottom:2rem;padding:1rem}.content-coming-soon{background:linear-gradient(135deg,#1f2937,#374151);background:linear-gradient(135deg,var(--primary-medium),var(--primary-light));border-radius:12px;margin:2rem 0;padding:3rem 2rem;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:1rem}.feature-list{list-style:none;margin:1.5rem auto;max-width:400px;padding:0;text-align:left}.feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-list li:before{content:"✨";left:0;position:absolute}.coming-soon-note{color:#9ca3af;color:var(--text-muted);font-style:italic;margin-top:1.5rem}.tier-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.user-info{background:#1f2937;background:var(--primary-medium);border-radius:8px;margin:2rem 0;padding:1.5rem}.user-details h3{color:#f3f4f6;color:var(--text-light);margin-bottom:1rem}.subscription-status{margin-top:1rem}.trial-badge{background:#f59e0b;background:var(--warning-yellow);border-radius:12px;color:#111827;color:var(--primary-dark);font-size:.875rem;font-weight:600;margin-left:1rem;padding:.25rem .75rem}.dashboard-actions{margin:2rem 0}.action-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.action-card{background:#1f2937;background:var(--primary-medium);border:1px solid #0000;border-radius:8px;display:block;padding:1.5rem;transition:transform .2s,box-shadow .2s}.action-card,.action-card:hover{color:#f3f4f6;color:var(--text-light);text-decoration:none}.action-card:hover{border-color:#6366f1;border-color:var(--accent-indigo);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.action-icon{font-size:2rem;margin-bottom:1rem;text-align:center}.action-card h4{color:#f3f4f6;color:var(--text-light);margin-bottom:.5rem}.action-card p{color:#9ca3af;color:var(--text-muted);font-size:.875rem;margin:0}.upgrade-features{background:#1f2937;background:var(--primary-medium);border-radius:8px;margin:2rem 0;padding:1.5rem}.upgrade-features h3{color:#6366f1;color:var(--accent-indigo);margin-bottom:1rem}.upgrade-features ul{list-style:none;padding:0}.upgrade-features li{padding:.5rem 0 .5rem 1.5rem;position:relative}.upgrade-features li:before{content:"✨";left:0;position:absolute}.upgrade-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.current-tier-note{background:#374151;background:var(--primary-light);border-radius:6px;margin-top:1rem;padding:1rem;text-align:center}.current-tier-note,.retry-message{color:#9ca3af;color:var(--text-muted);font-size:.875rem}.retry-message{font-style:italic;margin-top:.5rem}.subscription-status{background:#1f2937;background:var(--primary-medium);border:1px solid #6366f1;border:1px solid var(--accent-indigo);border-radius:12px;margin:2rem 0;padding:2rem}.current-plan{text-align:center}.plan-details{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.plan-icon{font-size:3rem}.plan-info h3{color:#f3f4f6;color:var(--text-light);margin:0}.plan-price{color:#6366f1;color:var(--accent-indigo);font-size:1.5rem;font-weight:600}.plan-price,.plan-status{margin:.5rem 0}.status-active{color:#10b981;color:var(--success-green);font-weight:600}.status-inactive{color:#ef4444;color:var(--error-red);font-weight:600}.sync-section{margin-top:1rem}.sync-message{font-size:.875rem;margin-top:.5rem}.available-plans{margin:3rem 0}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.plan-card{background:#1f2937;background:var(--primary-medium);border:2px solid #0000;border-radius:12px;padding:2rem;transition:all .3s ease}.plan-card:hover{border-color:#6366f1;border-color:var(--accent-indigo);box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.plan-card.current-plan{background:linear-gradient(135deg,#1f2937,#374151);background:linear-gradient(135deg,var(--primary-medium),var(--primary-light));border-color:#10b981;border-color:var(--success-green)}.plan-header{margin-bottom:1.5rem;text-align:center}.plan-header .plan-icon{font-size:2.5rem;margin-bottom:.5rem}.plan-header h3{color:#f3f4f6;color:var(--text-light);margin:.5rem 0}.plan-header .plan-price{color:#6366f1;color:var(--accent-indigo);font-size:2rem;font-weight:700;margin:0}.period{font-size:1rem;font-weight:400}.period,.plan-description{color:#9ca3af;color:var(--text-muted)}.plan-description{line-height:1.5;margin-bottom:1.5rem;text-align:center}.plan-features{list-style:none;margin:1.5rem 0;padding:0}.plan-features li{color:#f3f4f6;color:var(--text-light);line-height:1.4;padding:.5rem 0 .5rem 1.5rem;position:relative}.plan-features li:before{color:#10b981;color:var(--success-green);content:"✓";font-weight:700;left:0;position:absolute}.plan-action{margin-top:2rem;text-align:center}.btn-current{border:none;color:#111827;color:var(--primary-dark);cursor:default}.btn-current,.btn-current:hover{background:#10b981;background:var(--success-green)}.btn-current:hover{transform:none}.subscription-info{grid-gap:2rem;border-top:1px solid #374151;border-top:1px solid var(--primary-light);display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem;padding-top:2rem}.info-section{background:#1f2937;background:var(--primary-medium);border-radius:8px;padding:1.5rem;text-align:center}.info-section h3{color:#6366f1;color:var(--accent-indigo);margin-bottom:1rem}.info-section p{color:#9ca3af;color:var(--text-muted);line-height:1.5;margin-bottom:1.5rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}body{background-color:#111827;background-color:var(--primary-dark);color:#f3f4f6;color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;margin-top:0}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem;margin-top:0}a{color:#3b82f6;color:var(--accent-blue);text-decoration:none;transition:color .3s ease}a:hover{color:#6366f1;color:var(--accent-indigo)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.header{background-color:#1f2937;background-color:var(--primary-medium);box-shadow:0 4px 6px #0000001a;padding:1rem 0}.nav{align-items:center;display:flex;justify-content:space-between}.logo{color:#f3f4f6;color:var(--text-light);font-size:1.5rem;font-weight:700}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:1.5rem}.btn{border-radius:.25rem;cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1rem;text-align:center;transition:all .3s ease}.btn-primary{background:linear-gradient(90deg,#3b82f6,#6366f1);background:linear-gradient(to right,var(--accent-blue),var(--accent-indigo));border:none;color:#f3f4f6;color:var(--text-light)}.btn-primary:hover{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(to right,var(--accent-indigo),var(--accent-purple))}.btn-secondary{background-color:initial;border:1px solid #3b82f6;border:1px solid var(--accent-blue);color:#f3f4f6;color:var(--text-light)}.btn-secondary:hover{background-color:#3b82f61a}.card{background-color:#1f2937;background-color:var(--primary-medium);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.card-header{margin-bottom:1rem}.card-title{margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-control{background-color:#111827;background-color:var(--primary-dark);border:1px solid #374151;border:1px solid var(--primary-light);border-radius:.25rem;color:#f3f4f6;color:var(--text-light);font-size:1rem;line-height:1.5;padding:.5rem;width:100%}.form-control:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 .2rem #3b82f640;outline:none}.auth-container{align-items:center;background:linear-gradient(135deg,#111827,#1f2937);background:linear-gradient(135deg,var(--primary-dark),var(--primary-medium));display:flex;justify-content:center;min-height:100vh}.auth-card{background-color:#1f2937;background-color:var(--primary-medium);border-radius:.5rem;box-shadow:0 10px 15px #0003;max-width:400px;padding:2rem;width:100%}.auth-logo{margin-bottom:2rem;text-align:center}.alert{border-radius:.25rem;margin-bottom:1rem;padding:1rem}.alert-success{background-color:#10b98133;border:1px solid #10b981;border:1px solid var(--success-green);color:#10b981;color:var(--success-green)}.alert-error{background-color:#ef444433;border:1px solid #ef4444;border:1px solid var(--error-red);color:#ef4444;color:var(--error-red)}@media (max-width:768px){.nav{align-items:flex-start}.nav,.nav-links{flex-direction:column}.nav-links{margin-top:1rem}.nav-links li{margin-left:0;margin-top:.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.gradient-bg{background:linear-gradient(135deg,#1f2937,#111827);background:linear-gradient(135deg,var(--primary-medium),var(--primary-dark))}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-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}
/*# sourceMappingURL=main.38f4318f.css.map*/