body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#f4f4f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{min-height:100vh}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:all .3s ease}button:focus{box-shadow:0 0 0 3px #6200ea33}input,textarea{font-family:inherit;outline:none}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.loading{height:100vh}.spinner{border:4px solid #f3f3f3;border-top-color:#6200ea;height:40px;width:40px}.tier-cards{flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem}.tier-card,.tier-cards{display:flex;justify-content:center}.tier-card{align-items:center;background:#f5f5fa;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #764ba20a;cursor:pointer;flex:1 1 200px;flex-direction:column;max-width:220px;min-height:120px;min-width:180px;padding:1.5rem 2rem;text-align:center;transition:border-color .2s,box-shadow .2s}.tier-card.selected{background:#f3e8fd;border-color:#764ba2;box-shadow:0 4px 16px #764ba21f}.tier-card h4{color:#764ba2;font-size:1.1rem;margin:0 0 .5rem}.tier-card p{color:#333;font-size:.95rem;margin:0}.auth-center-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.auth-intro-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:2rem;max-width:400px;padding:2rem;text-align:center;width:100%}.auth-intro-card h1{color:#764ba2;font-size:2rem;font-weight:700;margin-bottom:1rem}.auth-intro-card p{color:#333;font-size:1.1rem;line-height:1.6}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 20px}.auth-navbar{background:linear-gradient(135deg,#6200ea,#3700b3);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0}.auth-header-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem}.app-brand{align-items:center;display:flex;gap:12px}.brand-logo{border-radius:10px;height:65px;object-fit:cover;width:65px}.app-brand h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.auth-form{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:2rem;max-width:400px;padding:2rem;width:100%}.auth-form h2{color:#764ba2}.auth-form h2,.test-credentials{margin-bottom:1.5rem;text-align:center}.test-credentials{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;padding:1rem}.test-credentials p{color:#2e7d32;font-size:.9rem;margin:.25rem 0}.test-credentials code{background:#c8e6c9;border-radius:4px;color:#1b5e20;font-family:monospace;padding:.2rem .4rem}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:.5rem}.form-group input{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#6200ea;outline:none}.auth-button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s;width:100%}.auth-button:hover{background-color:#3700b3}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:5px;color:#c62828}.error-message,.message.success{margin-bottom:1rem;padding:.75rem}.message.success{background-color:#e8f5e8;border:1px solid #c8e6c9;border-radius:5px;color:#2e7d32}.message.error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:5px;color:#c62828;margin-bottom:1rem;padding:.75rem}.auth-switch{color:#666;margin-top:1rem;text-align:center}.footer-support-btn,.link-button{text-decoration:none}.link-button{background:none;border:none;color:#000;cursor:pointer;font-size:inherit;margin-left:.5rem}.link-button:hover{color:#6200ea}.support-link{color:#6c63ff;font-weight:700;text-decoration:underline}@media (max-width:768px){.auth-header-content{padding:0 1rem}.auth-container{padding:1rem 15px}}@media (max-width:480px){.app-brand{gap:6px;left:10px;top:10px}.brand-logo{height:35px;width:35px}.app-brand h1{font-size:1.2rem}.auth-form{margin:0 10px;padding:1.5rem}.auth-intro-card{margin:0 10px 1rem;padding:1.5rem}}@media (max-width:600px){.dashboard,.dashboard-footer,.dashboard-header,.dashboard-main{box-sizing:border-box;min-width:0;padding:.5rem;width:100vw}.dashboard-brand,.header-content,.user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.dashboard-logo{height:48px;width:48px}.mood-summary,.recent-history,.today-section{border-radius:10px;box-sizing:border-box;margin:.5rem 0;padding:.5rem;width:100%}.history-scores,.mood-scores{flex-direction:column;font-size:1rem;gap:.25rem}h1,h2,h3,h4{font-size:1.1rem}.clear-data-btn,.locked-btn,.log-mood-btn,.modify-btn,.sample-data-btn{box-sizing:border-box;font-size:1rem;padding:.5rem 1rem;width:100%}.footer-content{align-items:flex-start;flex-direction:column;gap:.5rem}}.logout-btn{background:linear-gradient(135deg,#e91e63,#ad1457);border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .3s}.logout-btn:hover{background:linear-gradient(135deg,#c2185b,#880e4f);border-color:#ffffff80;box-shadow:0 4px 12px #e91e634d;outline:none;transform:translateY(-2px)}.subscription-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.subscription-btn:hover{background:linear-gradient(135deg,#8e24aa,#6a1b9a);border-color:#ffffff80;box-shadow:0 4px 12px #9c27b04d;outline:none;transform:translateY(-2px)}.dashboard-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-top:1px solid #0000001a;margin-top:3rem;padding:2rem 0 1rem}.footer-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-left p{color:#666;font-size:.9rem;margin:0}.footer-right{align-items:center;display:flex}.footer-support-btn{background:linear-gradient(135deg,#795548,#5d4037);border:none;border-radius:25px;box-shadow:0 2px 8px #79554833;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.footer-support-btn:hover{background:linear-gradient(135deg,#6d4c41,#4e342e);box-shadow:0 4px 16px #7955484d;transform:translateY(-2px)}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#6200ea,#3700b3);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0}.header-content{align-items:center;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-brand{align-items:center;display:flex;gap:12px}.dashboard-logo{border-radius:10px;height:65px;object-fit:cover;width:65px}.header-content h1{font-size:2rem;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.user-info span{font-size:1.1rem}.header-buttons{align-items:center;display:flex;gap:1rem}.analytics-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .3s}.analytics-btn:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#ef6c00);border-color:#ffffff80;box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.analytics-btn:disabled{background:#ffffff1a;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed}.dashboard-main{margin:0 auto;max-width:800px;padding:2rem}.mood-summary{background:#fff;border-left:5px solid #6200ea;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:2rem}.no-yesterday-mood h3,.yesterday-mood h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.mood-display{background:#f8f9fa;border-radius:10px;padding:1rem}.mood-scores{display:flex;flex-wrap:wrap;gap:1rem}.mood-item{background:#6200ea;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:.5rem 1rem}.no-yesterday-mood{color:#666;text-align:center}.no-yesterday-mood p{font-size:1.1rem;margin:0}.today-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.today-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.today-logged{text-align:center}.success-message{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:10px;color:#2e7d32;font-weight:700;margin-bottom:1.5rem;padding:1rem}.today-mood-summary{background:#f8f9fa;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.today-mood-summary h4{color:#333;margin-bottom:1rem}.notes-preview{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-top:1rem;padding:1rem;text-align:left}.locked-section{margin-top:1.5rem;text-align:center}.lock-message{background:linear-gradient(135deg,#ffecb3,#fff8e1);border:2px solid #ff9800;border-radius:15px;box-shadow:0 4px 12px #ff980033;color:#e65100;font-size:1rem;line-height:1.6;margin-bottom:1rem;padding:1.5rem}.lock-message strong{color:#bf360c;font-size:1.1rem}.locked-btn{border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:not-allowed;font-size:1.1rem;font-weight:700;opacity:.7;padding:1rem 2rem;transition:none}.locked-btn,.locked-btn:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);box-shadow:none}.locked-btn:hover{transform:none}.modify-btn{border:2px solid #e0e0e0;border-radius:25px;box-shadow:none;color:#666;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:none}.modify-btn,.modify-btn:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e)}.modify-btn:hover{transform:translateY(-2px)}.mood-prompt p{color:#555;font-size:1.2rem;margin-bottom:1.5rem}.log-mood-btn,.update-mood-btn{background:linear-gradient(135deg,#6200ea,#3700b3);border:none;border-radius:25px;box-shadow:0 4px 15px #6200ea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.log-mood-btn:hover,.update-mood-btn:hover{box-shadow:0 6px 20px #6200ea66;transform:translateY(-2px)}.log-mood-btn.small{border-radius:18px;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem}.update-mood-btn{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 15px #ff98004d}.update-mood-btn:hover{box-shadow:0 6px 20px #ff980066}.recent-history{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem}.recent-history h3{border-bottom:2px solid #6200ea;color:#333;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.5rem}.sample-data-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:20px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .3s}.sample-data-btn:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.clear-data-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:20px;box-shadow:0 2px 8px #f443364d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .3s}.clear-data-btn:hover{box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;background:#f8f9fa;border-left:4px solid #6200ea;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.history-date{color:#333;font-weight:700;min-width:100px}.history-scores{display:flex;flex-wrap:wrap;gap:.5rem}.history-scores span{background:#e0e0e0;border-radius:15px;color:#555;font-size:.85rem;padding:.3rem .8rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.dashboard-main{padding:1rem}.mood-scores{justify-content:center}.history-item{flex-direction:column;gap:1rem;text-align:center}.history-date{min-width:auto}}.subscription-modal{height:90vh!important;max-height:90vh!important;max-width:1200px!important;overflow-y:auto!important;padding:0!important;width:95%!important}.subscription-modal .subscription-page{background:#0000;min-height:auto;padding:0}.subscription-modal .subscription-container{padding:20px}.modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:35px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .3s ease;width:35px;z-index:1001}.modal-close:hover{background:#fff;transform:scale(1.1)}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-support-btn{font-size:.8rem;padding:.6rem 1.2rem}}.detailed-mood-container{align-items:center;background-color:#00000080;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.detailed-mood-form{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.detailed-mood-form h2{color:#6200ea;margin-bottom:1.5rem;text-align:center}.section{background:#f8f9fa;border-left:4px solid #6200ea;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.slider-group{margin-bottom:1.5rem}.slider-group label{align-items:center;color:#555;display:flex;font-weight:700;justify-content:space-between;margin-bottom:.5rem}.value{background:#6200ea;border-radius:15px;color:#fff;font-size:.9rem;padding:.2rem .5rem}.slider{-webkit-appearance:none;background:#ddd;border-radius:5px;height:8px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6200ea;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#6200ea;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.stress-slider{background:linear-gradient(90deg,#4caf50,#ffeb3b,#ff9800,#f44336)}.text-group{margin-bottom:1.5rem}.text-group label{color:#555;display:block;font-weight:700;margin-bottom:.5rem}.text-group textarea{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;transition:border-color .3s;width:100%}.text-group textarea:focus{border-color:#6200ea;outline:none}.button-group{display:flex;gap:1rem;margin-top:2rem}.save-button{background:linear-gradient(135deg,#6200ea,#3700b3);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:1rem;transition:transform .2s}.save-button:hover{box-shadow:0 4px 12px #6200ea4d;transform:translateY(-2px)}.cancel-button{background:#f5f5f5;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;transition:all .2s}.cancel-button:hover{background:#e0e0e0;border-color:#999}@media (max-width:768px){.detailed-mood-form{margin:10px;padding:1rem}.section{padding:1rem}.button-group{flex-direction:column}}.analytics-overlay{align-items:center;background-color:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.analytics-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:1000px;overflow-y:auto;padding:2rem;width:100%}.analytics-header{align-items:center;border-bottom:3px solid #6200ea;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.analytics-header h2{color:#6200ea;font-size:2rem;margin:0}.close-btn{background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s;width:40px}.close-btn:hover{background:#d32f2f;transform:scale(1.1)}.chart-selector{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.chart-selector button{background:#f5f5f5;border:2px solid #ddd;border-radius:25px;color:#555;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s}.chart-selector button.active{background:linear-gradient(135deg,#6200ea,#3700b3);border-color:#6200ea;box-shadow:0 4px 12px #6200ea4d;color:#fff;transform:translateY(-2px)}.chart-selector button:hover:not(.active){background:#e0e0e0;border-color:#999}.period-selector{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:15px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:1rem}.period-label{color:#555;font-size:.9rem;font-weight:700;margin-right:.5rem}.period-selector button{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s}.period-selector button.active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;box-shadow:0 2px 8px #2196f34d;color:#fff;transform:translateY(-1px)}.period-selector button:hover:not(.active){background:#f5f5f5;border-color:#999}.chart-container{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:15px;height:550px;margin-bottom:2rem;padding:2rem}.insights-section{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-left:5px solid #4caf50;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.insights-section h3{color:#2e7d32;font-size:1.3rem;margin-bottom:1rem}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-item{background:#fff;border:1px solid #c8e6c9;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#1b5e20;font-weight:500;padding:1rem}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:linear-gradient(135deg,#6200ea,#3700b3);border-radius:15px;box-shadow:0 8px 16px #6200ea4d;color:#fff;flex-direction:column;justify-content:center;text-align:center;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-header{color:#92e597;font-size:.9rem;font-weight:500;letter-spacing:1px;margin:0 0 .5rem;text-align:center;text-transform:uppercase}.stat-number{color:#92e597;display:block;font-size:2.5rem;font-weight:700}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:200px;justify-content:center}@media (max-width:768px){.analytics-container{margin:10px;padding:1rem}.analytics-header{flex-direction:column;gap:1rem;text-align:center}.chart-selector{justify-content:center}.chart-selector button{font-size:.9rem;padding:.5rem 1rem}.chart-container{height:300px;padding:1rem}.stats-summary{grid-template-columns:1fr}.analytics-header h2{font-size:1.5rem}}@media (max-width:480px){.chart-selector{align-items:center;flex-direction:column}.chart-selector button{width:200px}.chart-container{height:250px}}.view-selector{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.view-selector button{background:#f5f5f5;border:2px solid #ddd;border-radius:25px;color:#555;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.view-selector button.active{background:linear-gradient(135deg,#6200ea,#3700b3);border-color:#6200ea;box-shadow:0 4px 12px #6200ea4d;color:#fff;transform:translateY(-2px)}.view-selector button:hover:not(.active){background:#e0e0e0;border-color:#999}.complete-history{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:15px;padding:2rem}.history-header{align-items:center;border-bottom:3px solid #6200ea;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.history-header h3{color:#6200ea;font-size:1.5rem;margin:0}.total-entries{background:#6200ea;border-radius:20px;color:#fff;font-weight:700;padding:.5rem 1rem}.no-history{color:#666;padding:3rem;text-align:center}.no-history h4{color:#333;margin-bottom:1rem}.history-table{display:flex;flex-direction:column;gap:.5rem}.table-header{background:#6200ea;color:#fff;font-size:1rem;font-weight:700;padding:1rem}.history-row,.table-header{grid-gap:1rem;border-radius:10px;display:grid;gap:1rem;grid-template-columns:150px 1fr 300px}.history-row{background:#fff;border:2px solid #e0e0e0;padding:1.5rem;transition:all .3s}.history-row:hover{border-color:#6200ea;box-shadow:0 4px 12px #6200ea1a}.date-display{align-items:center;display:flex;flex-direction:column;text-align:center}.date-display strong{color:#333;font-size:1rem;margin-bottom:.25rem}.day-name{background:#f0f0f0;border-radius:10px;color:#666;font-size:.85rem;padding:.2rem .5rem}.parameter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.param-item{display:flex;flex-direction:column;gap:.3rem}.param-label{color:#555;font-size:.85rem;font-weight:700}.param-value{color:#6200ea;font-size:.9rem;font-weight:700}.param-bar{background:#e0e0e0;border-radius:3px;height:6px;overflow:hidden}.param-fill{background:linear-gradient(90deg,#6200ea,#3700b3);height:100%;transition:width .3s}.additional-params{display:flex;flex-direction:column;font-size:.9rem;gap:.5rem}.additional-row{align-items:flex-start;display:flex;gap:.5rem}.add-label{color:#555;flex-shrink:0;font-weight:700;min-width:60px}.add-value{color:#6200ea;font-weight:700}.add-text{color:#666;line-height:1.4;word-break:break-word}@media (max-width:1024px){.history-row,.table-header{gap:1rem;grid-template-columns:1fr}.parameter-grid{grid-template-columns:1fr}}@media (max-width:768px){.complete-history{padding:1rem}.history-header{flex-direction:column;gap:1rem;text-align:center}.parameter-grid{grid-template-columns:1fr}}.subscription-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.subscription-container{margin:0 auto;max-width:1400px;padding:20px}.modern-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 0}.header-content{display:flex;flex-direction:column}.header-content h1{color:#fff;font-size:2.5rem;font-weight:600;margin:0 0 .5rem}.header-content p{color:#fffc;font-size:1.1rem;margin:0}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 32px #0003;transform:translateY(-2px)}.stat-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.stat-content h3{color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.stat-content p{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.modern-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;display:flex;font-weight:500;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.modern-message.success{background:#4caf5026;border-color:#4caf504d;color:#4caf50}.modern-message.error{background:#f4433626;border-color:#f443364d;color:#f44336}.message-icon{font-size:1.5rem}.message-content{flex:1 1}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.settings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:2rem;overflow:hidden;padding:0}.section-header{border-bottom:1px solid #ffffff1a;padding:2rem 2rem 1rem}.section-header.centered{text-align:center}.section-header.danger{border-bottom-color:#f4433633}.section-header h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.section-header p{color:#ffffffb3;font-size:.95rem;margin:0}.setting-card{background:#ffffff0d;margin:0;padding:2rem}.setting-card:not(:last-child){border-bottom:1px solid #ffffff1a}.setting-card h3{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 1rem}.danger-card{background:#f443360d;border:1px solid #f4433633;border-radius:12px;margin:1rem}.danger-warning{background:#f443361a;border-radius:8px;color:#fffc;font-size:.9rem;margin:1rem 0;padding:.75rem 1rem}.modern-form{gap:1.5rem}.input-group,.modern-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{color:#ffffffe6;font-size:.9rem;font-weight:500}.modern-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;padding:1rem 1.25rem;transition:all .2s ease}.modern-input:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.modern-input::placeholder{color:#ffffff80}.modern-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .2s ease}.modern-btn.small{font-size:.9rem;padding:.5rem 1rem}.modern-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d;color:#fff}.modern-btn.primary:hover:not(:disabled){box-shadow:0 8px 30px #667eea66;transform:translateY(-2px)}.modern-btn.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.modern-btn.secondary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.modern-btn.danger{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 20px #f443364d;color:#fff}.modern-btn.danger:hover:not(:disabled){box-shadow:0 8px 30px #f4433666;transform:translateY(-2px)}.modern-btn.large{font-size:1.1rem;padding:1.25rem 2.5rem}.modern-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-display{display:flex;flex-direction:column;gap:1rem}.profile-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.profile-label{color:#fffc;font-size:.9rem;font-weight:500}.profile-value{color:#fff;font-weight:600;text-align:right}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.plan-card{background:#ffffff0d}.plan-info{display:flex;flex-direction:column;gap:1rem}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center}.plan-details p{color:#fffc;display:flex;justify-content:space-between;margin:.5rem 0}.plan-details .label{color:#fff9}.referral-display{align-items:center;display:flex;gap:1rem;margin:1rem 0}.referral-code{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1 1;padding:1rem}.referral-code code{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;letter-spacing:1px}.referral-status{border:1px solid #fff3;border-radius:8px;margin-top:1rem;padding:1rem}.referral-status.active{background:#4caf501a;border-color:#4caf504d}.referral-status.used{background:#9e9e9e1a;border-color:#9e9e9e4d}.status-message{color:#fff;font-size:.95rem;margin:0 0 .5rem}.referred-count{color:#fffc;font-size:.9rem;margin:0}.referral-benefit{color:#ffffffb3;font-size:.9rem;font-style:italic;margin:0}.referral-info{color:#ffffffb3;font-size:.9rem;margin:1rem 0 0}.referral-used-display{text-align:center}.referral-used-display .status-message{background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;color:#22c55e;font-weight:500;margin-bottom:1.5rem;padding:1rem}.referral-used-display .referral-info{background:#ffffff0d;border-radius:12px;margin:0;padding:1rem}.referral-used-display .referral-info p{color:#ffffffe6;margin:.5rem 0}.referral-used-display .referral-info code{background:#ffffff1a;border-radius:6px;color:#a855f7;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:.3rem .6rem}.upgrade-section-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-top:2rem;padding:2rem}.upgrade-cards{display:flex;justify-content:center;margin-top:2rem}.upgrade-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;max-width:400px;padding:2.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.upgrade-card.featured{border-color:#ff6b6b;transform:scale(1.02)}.upgrade-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-5px) scale(1.02)}.popular-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:20px;box-shadow:0 4px 15px #ff6b6b66;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.upgrade-header h3{color:#fff;font-size:1.5rem;margin:1rem 0}.pricing{margin:1.5rem 0}.old-price{color:#ffffff80;display:block;font-size:1rem;text-decoration:line-through}.new-price{color:#fff;display:block;font-size:2.5rem;font-weight:700;margin:.5rem 0}.savings-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.upgrade-features{margin:2rem 0;text-align:left}.feature{color:#ffffffe6;font-size:1rem;padding:.5rem 0}.offer-note{color:#fff9;font-size:.8rem;font-style:italic;margin-top:1rem}.dashboard-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.dashboard-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.status.active{color:#4caf50}.status.active,.status.inactive{font-weight:700;text-transform:uppercase}.status.inactive{color:#f44336}.subscription-loading{align-items:center;color:#fff;display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}@media (max-width:1200px){.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.subscription-container{padding:15px}.modern-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.quick-stats,.settings-grid{grid-template-columns:1fr}.settings-grid{gap:1.5rem}.section-header{padding:1.5rem 1.5rem 1rem}.setting-card{padding:1.5rem}.modern-form{gap:1rem}.referral-display{flex-direction:column}.upgrade-card.featured{transform:none}.upgrade-card{padding:2rem}.new-price{font-size:2rem}}@media (max-width:480px){.subscription-container,.subscription-page{padding:10px}.header-content h1{font-size:1.75rem}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;height:40px;width:40px}.section-header{padding:1rem 1rem .75rem}.section-header h2{font-size:1.25rem}.setting-card{padding:1rem}.modern-btn{padding:.875rem 1.5rem}.upgrade-card{padding:1.5rem}}
/*# sourceMappingURL=main.0627c7ef.css.map*/