@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary-dark:#7c2d12;--primary-light:#ea580c;--primary-gradient:linear-gradient(135deg,#ea580c,#f59e0b);--secondary-dark:#1e1b4b;--secondary-light:#4338ca;--secondary-gradient:linear-gradient(135deg,#4338ca,#3b82f6);--card-bg:#0f172ad9;--card-border:#f59e0b33;--glass-effect:#0f172abf;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-accent:#f59e0b;--shadow-color:#00000059;--highlight-glow:0 0 15px #fb923c80}body{background:radial-gradient(circle at 10% 20%,#1e293b 0%,#020617 90%) fixed;margin:0;padding:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%232563eb' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.profile-container{height:100%;color:var(--text-primary);z-index:1;justify-content:center;margin-top:2rem;padding:2.5rem;font-family:Outfit,sans-serif;display:flex;position:relative}.profile-container:before,.profile-container:after{content:"";filter:blur(100px);opacity:.15;z-index:-1;border-radius:50%;width:300px;height:300px;animation:20s ease-in-out infinite alternate float;position:fixed}.profile-container:before{background:#ea580c;top:-100px;right:-100px}.profile-container:after{background:#4338ca;animation-delay:-5s;bottom:-100px;left:-100px}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.2)}to{transform:translate(-20px,60px)scale(.8)}}.profile-content{width:100%;max-width:1200px;position:relative}.profile-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex;position:relative}.profile-header:after{content:"";background:linear-gradient(90deg,#0000,#f59e0b4d,#f59e0b80,#f59e0b4d,#0000);width:100%;height:1px;position:absolute;bottom:0;left:0}.header-title h1{background:linear-gradient(90deg,#fcd34d,#f97316,#ea580c);color:#0000;text-shadow:var(--highlight-glow);letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.75rem;font-weight:700;position:relative}.header-title p{color:var(--text-secondary);opacity:.9;max-width:500px;margin:.35rem 0 0;font-size:1.1rem}.header-actions{gap:1.25rem;display:flex}.edit-button,.logout-button{cursor:pointer;z-index:1;border:none;border-radius:14px;align-items:center;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.edit-button:before,.logout-button:before{content:"";z-index:-1;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.edit-button{color:#fff;background:#4338ca4d;border:1px solid #6366f14d}.edit-button:before{background:var(--secondary-gradient)}.edit-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #4338ca4d}.edit-button:hover:before{left:0}.edit-button.active{background:var(--primary-gradient);border:1px solid #f59e0b99;box-shadow:0 5px 15px #ea580c4d}.edit-button.active:hover{box-shadow:0 10px 25px #ea580c66}.logout-button{color:#fca5a5;background:#dc262626;border:1px solid #f871714d}.logout-button:before{background:linear-gradient(135deg,#dc26264d,#f871714d)}.logout-button:hover{color:#fecaca;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #dc262633}.logout-button:hover:before{left:0}.edit-icon,.logout-icon{margin-left:.75rem;transition:transform .3s}.edit-button:hover .edit-icon,.logout-button:hover .logout-icon{transform:translate(3px)}.profile-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.profile-card{background:var(--glass-effect);box-shadow:0 8px 32px var(--shadow-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px;padding:2.25rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.profile-card:hover{transform:translateY(-7px);box-shadow:0 15px 40px #0006}.profile-card:before{content:"";background:linear-gradient(to right,var(--primary-light),var(--secondary-light));opacity:0;width:100%;height:5px;transition:opacity .5s;position:absolute;top:0;left:0}.profile-card:hover:before{opacity:1}.user-info-card{text-align:center;flex-direction:column;grid-area:span 2/1;align-items:center;display:flex}.preferences-card{grid-area:1/2}.sessions-card{grid-area:2/2}.stats-card{grid-area:3/span 2}.card-title{color:var(--text-accent);align-items:center;margin-top:0;margin-bottom:1.75rem;padding-bottom:.75rem;font-size:1.65rem;font-weight:600;display:flex;position:relative}.card-title:after{content:"";background:var(--primary-gradient);border-radius:2px;width:40px;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.profile-card:hover .card-title:after{width:80px}.card-icon{stroke:var(--text-accent);filter:drop-shadow(0 0 8px #f59e0b4d);margin-right:.85rem}.profile-image-container{margin-bottom:2rem;position:relative}.profile-image-container:before{content:"";z-index:-1;background:radial-gradient(circle,#f59e0b33,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-image-wrapper{z-index:1;background:linear-gradient(135deg,#4338cacc,#ea580cb3);border-radius:50%;width:120px;height:120px;margin:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 25px #00000040,inset 0 2px 10px #fff3}.profile-image-wrapper:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#f59e0b,#4338ca);border-radius:50%;padding:3px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-image-wrapper:hover{cursor:pointer;transform:scale(1.08);box-shadow:0 12px 30px #0006,inset 0 2px 10px #ffffff4d}.profile-image-wrapper:hover:before{opacity:1}.profile-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.profile-image-wrapper:hover img{transform:scale(1.05)}.profile-image-placeholder{color:#fff;text-shadow:0 3px 8px #0006;background:linear-gradient(to bottom right,#ffffff1a,#0000001a);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;display:flex}.change-photo-button{background:var(--primary-gradient);cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 12px #0000004d}.change-photo-button:hover{transform:scale(1.15)translateY(-3px);box-shadow:0 8px 20px #0006}.user-info-content{width:100%;margin-bottom:2rem}.user-details h2{background:linear-gradient(90deg,#f8fafc,#cbd5e1);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:2rem;font-weight:600}.user-email,.user-profession{color:var(--text-secondary);margin:.35rem 0}.user-profession{background:#f59f0b26;border-radius:30px;margin-top:.75rem;padding:.4rem 1.2rem;font-size:.95rem;display:inline-block;position:relative;overflow:hidden}.user-profession:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.user-info-card:hover .user-profession:before{animation:2s infinite shimmer}@keyframes shimmer{to{transform:translate(100%)}}.edit-fields{width:100%}.form-group{text-align:left;margin-bottom:1.5rem;position:relative}.form-group label{color:var(--text-secondary);margin-bottom:.6rem;font-size:.95rem;font-weight:500;transition:color .3s;display:block}.form-group:focus-within label{color:var(--text-accent)}.form-group input,.form-group select{color:#fff;background:#0f172a99;border:1px solid #f59e0b4d;border-radius:12px;width:100%;padding:.9rem 1.2rem;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s;box-shadow:0 3px 10px #0000001a}.form-group input:focus,.form-group select:focus{border-color:var(--text-accent);background:#0f172acc;outline:none;box-shadow:0 0 0 3px #f59e0b33,0 3px 15px #0003}.input-suffix{color:var(--text-secondary);margin-left:.5rem}.mood-selector-container{width:100%;position:relative}.current-mood{cursor:pointer;background:#4338ca33;border:1px solid #f59e0b40;border-radius:14px;padding:1.2rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.current-mood:hover{background:#4338ca4d;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.mood-label{color:var(--text-secondary);margin-bottom:.6rem;font-size:.95rem;font-weight:500;display:block}.mood-display{justify-content:center;align-items:center;display:flex}.mood-icon{margin-right:.75rem;font-size:1.75rem;transition:transform .3s}.current-mood:hover .mood-icon{transform:scale(1.2)}.mood-text{font-weight:500}.dropdown-icon{margin-left:.75rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.dropdown-icon.rotated{transform:rotate(180deg)}.mood-options-dropdown{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-radius:14px;width:100%;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideDown;position:absolute;top:calc(100% + .75rem);left:0;overflow:hidden;box-shadow:0 12px 30px #00000059}.pref-goal-bg-edit{cursor:pointer;transition:"all 0.3s ease";background-color:#055183;border:1px solid #e0e0e0;border-radius:20px;align-items:center;margin:.8rem 0;padding:.8rem .9rem;display:flex;box-shadow:0 2px 4px #fff}.pref-goal-bg-edit:hover,.pref-goal-bg-edit::selection{cursor:pointer;color:#000;background-color:#b8f0b8}.pref-goal-nonedit{background-color:#055183;border:1px solid #e0e0e0;border-radius:20px;align-items:center;margin:.6rem 0 0;padding:.6rem;display:flex;box-shadow:0 2px 4px #fff}.pref-goal-nonedit:hover{cursor:pointer;color:#000;background-color:#b8f0b8}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mood-option-profile{cursor:pointer;border-bottom:1px solid #f59e0b1a;align-items:center;margin-top:.5rem;padding:1rem 1.2rem;transition:all .3s;display:flex}.mood-option-profile:last-child{border-bottom:none}.mood-option-profile:hover{background:#4338ca4d;padding-left:1.5rem}.mood-option-profile.selected{background:#f59e0b40}.preferences-list{flex-direction:column;gap:1.25rem;display:flex}.preference-item{background:#4338ca26;border:1px solid #4338ca1a;border-radius:14px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .3s;display:flex}.preference-item:hover{background:#4338ca40;border-color:#4338ca33;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.preference-label{align-items:center;display:flex}.preference-icon{color:var(--text-accent);margin-right:.9rem;transition:transform .3s}.preference-item:hover .preference-icon{transform:scale(1.15)}.toggle-switch{width:52px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#0f172acc;border:1px solid #f59e0b33;border-radius:34px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:0;box-shadow:inset 0 1px 3px #0000004d}.toggle-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:3px;left:4px;box-shadow:0 1px 3px #0000004d}input:checked+.toggle-slider{background:var(--primary-gradient);box-shadow:inset 0 1px 3px #0000001a}input:checked+.toggle-slider:before{background-color:#fff;transform:translate(25px);box-shadow:0 1px 5px #0003}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-light),inset 0 1px 3px #0000004d}.toggle-slider:after{content:"";opacity:0;z-index:-1;border-radius:34px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}input:checked+.toggle-slider:after{opacity:1;animation:1.5s infinite pulse}.sessions-list{flex-direction:column;gap:1.25rem;max-height:330px;margin-right:-.5rem;padding-right:.75rem;display:flex;overflow-y:auto}.sessions-list::-webkit-scrollbar{width:6px}.sessions-list::-webkit-scrollbar-track{background:#0f172a4d;border-radius:10px}.sessions-list::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:10px}.sessions-list::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.session-modal::-webkit-scrollbar{width:6px}.session-modal::-webkit-scrollbar-track{background:#0f172a4d;border-radius:10px}.session-modal::-webkit-scrollbar-thumb{background:#1e2b4b;border-radius:10px}.session-modal::-webkit-scrollbar-thumb:hover{background:#1e2b4b}.session-item{background:#192644;border:1px solid #4338ca1a;border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:relative}.session-item:before{content:"";background:var(--primary-gradient);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.session-item:hover{cursor:pointer;background:#ca8b3840;border-color:#4338ca33;transform:translateY(-2px)translate(4px);box-shadow:0 6px 16px #00000026}.session-item:hover:before{opacity:1}.session-current{background:#f59e0b26;border-color:#f59e0b4d}.session-current:before{background:var(--secondary-gradient);opacity:1}.session-info{flex-direction:column;display:flex}.session-device{align-items:center;margin-bottom:.5rem;font-weight:500;display:flex}.device-icon{color:var(--text-accent);margin-right:.75rem}.session-meta{color:var(--text-secondary);align-items:center;font-size:.85rem;display:flex}.session-location,.session-time{align-items:center;display:flex}.session-location{margin-right:1.25rem}.location-icon,.time-icon{opacity:.7;margin-right:.5rem}.terminate-button{color:#fca5a5;cursor:pointer;background:#dc262626;border:1px solid #f871714d;border-radius:10px;padding:.5rem;transition:all .3s}.terminate-button:hover{background:#dc26264d;transform:scale(1.1)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-item{background:#4338ca26;border:1px solid #4338ca1a;border-radius:16px;flex-direction:column;margin:2rem;padding:1.5rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.progress-container{background:#0f172a4d;border-radius:10px;width:100%;height:10px;margin-top:1rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.progress-bar{margin-top:1rem}.progress-fill{background:linear-gradient(90deg,#fd0,#f59e0b);border-radius:10px 0 0 10px;height:100%;transition:width .6s cubic-bezier(.175,.885,.32,1.275)}.stat-item:before{content:"";background:var(--primary-gradient);transform-origin:0;width:100%;height:3px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.stat-item:hover{background:#4338ca40;border-color:#4338ca33;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.stat-item:hover:before{transform:scaleX(1)}.stat-icon{color:var(--text-accent);margin-bottom:1rem;font-size:1.5rem;transition:transform .3s}.stat-item:hover .stat-icon{transform:scale(1.2)}.stat-value{margin-bottom:.5rem;font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.95rem}.chart-container{background:#4338ca26;border:1px solid #4338ca1a;border-radius:16px;height:300px;margin-top:2rem;padding:1.5rem}@keyframes pulse{0%{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.2;transform:scale(1)}}@media (max-width:1200px){.profile-grid{gap:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.profile-container{padding:2rem 1.5rem}.profile-grid{grid-template-columns:1fr}.user-info-card,.preferences-card,.sessions-card,.stats-card{grid-column:1}.user-info-card{grid-row:1}.preferences-card{grid-row:2}.sessions-card{grid-row:3}.stats-card{grid-row:4}}@media (max-width:768px){.profile-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-title p{max-width:100%}}@media (max-width:576px){.profile-container{padding:1.5rem 1rem}.stats-grid{grid-template-columns:1fr}.header-title h1{font-size:2.25rem}.card-title{font-size:1.5rem}.user-details h2{font-size:1.75rem}.profile-card{padding:1.75rem}}.fade-out{animation:.3s forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{visibility:hidden;width:160px;color:var(--text-primary);text-align:center;z-index:1;opacity:0;pointer-events:none;background:#0f172af2;border:1px solid #f59e0b33;border-radius:8px;padding:.75rem;font-size:.85rem;transition:opacity .3s,transform .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000040}.tooltip .tooltip-text:after{content:"";border:6px solid #0000;border-top-color:#0f172af2;margin-left:-6px;position:absolute;top:100%;left:50%}.tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)translateY(-5px)}.save-button{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;margin-top:1.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #ea580c4d}.save-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.save-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ea580c66}.save-button:hover:before{left:100%}.save-icon{margin-left:.75rem;transition:transform .3s}.save-button:hover .save-icon{transform:translate(3px)}.loading-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:3rem 0;display:flex}.loading-spinner{border:4px solid #f59e0b1a;border-left-color:#f59e0b;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin;display:inline-block}.loading-p{color:#f59e0b;margin-top:2rem}@keyframes spin{to{transform:rotate(360deg)}}.success-message{color:#86efac;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#22c55e33;border:1px solid #22c55e4d;border-radius:12px;align-items:center;padding:1rem 1.5rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:20px;right:20px;transform:translate(120%);box-shadow:0 10px 25px #00000040}.success-message.show{transform:translate(0)}.success-icon{color:#86efac;margin-right:.75rem}.file-input-container{margin-top:1rem;display:inline-block;position:relative;overflow:hidden}.file-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.file-input-button{background:var(--secondary-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.25rem;font-weight:500;transition:all .3s;display:inline-block;box-shadow:0 5px 15px #4338ca4d}.file-input-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4338ca66}.input-error{border-color:#dc262680!important;box-shadow:0 0 0 3px #dc262633!important}.error-message{color:#ef4444;align-items:center;margin-top:.5rem;font-size:.85rem;display:flex}.error-icon{margin-right:.5rem}.theme-switch{cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border:1px solid #f59e0b33;border-radius:30px;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.theme-switch:hover{background:#0f172ab3;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.theme-icon{color:var(--text-accent);font-size:1.25rem;transition:transform .3s}.theme-switch:hover .theme-icon{transform:rotate(30deg)}.fade-in{animation:.5s ease-in fadeIn}.session-modal-overlay{z-index:1000;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (min-width:820px) and (max-width:1024px){.session-modal-overlay{position:fixed;left:35%;right:5%}}.session-modal{background-color:#0f172a;border-radius:16px;width:90%;max-width:550px;max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.session-modal-header{z-index:10;background-color:#0f172a;border-bottom:1px solid #f0f0f0;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.session-modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:600}.modal-close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.modal-close-btn:hover{background-color:#a50000}.modal-close-btn svg{color:#f5eaea;width:20px;height:20px}.session-modal-content{padding:24px}.session-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}.session-info-item{background-color:#1e2b4b;border-radius:12px;padding:16px;transition:all .2s}.session-info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.info-label{color:#f7efef;margin-bottom:8px;font-size:14px}.info-value{color:#e6e3e3;align-items:center;font-size:16px;font-weight:500;display:flex}.info-value svg{color:#f8f1d3;margin-right:8px}.mood-emoji{margin-right:8px;font-size:20px}.session-topic-container{background-color:#1e2b4b;border-radius:12px;margin-bottom:24px;padding:16px 20px}.session-topic-container h4{color:#ddd8d8;margin:0 0 8px;font-size:16px}.session-topic-value{color:#fad688;font-size:18px;font-weight:500}.session-description-container{background-color:#1e2b4b;border-radius:12px;padding:16px 20px}.session-description-container h4{color:#ddd8d8;margin:0 0 12px;font-size:16px}.session-description{color:#fad688;white-space:pre-line;word-spacing:1px;font-size:1.1rem;line-height:1.7}.session-modal-footer{justify-content:flex-end;padding:16px 24px 24px;display:flex}.modal-close-button{color:#fff;cursor:pointer;background-color:#1e2b4b;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:500;transition:all .2s}.modal-close-button:hover{background-color:#a50000}.session-item{transition:transform .2s,box-shadow .2s;position:relative}.session-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000012}.session-header{justify-content:center;align-items:center;margin-bottom:8px;display:flex}.session-date{color:#d4cfcf;flex:1;font-size:13px}.session-topic{color:#fff;margin-bottom:12px;font-weight:500}.view-session-button{color:#9ccdff;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:.95rem;font-weight:500;transition:color .2s;display:flex}.view-session-button:hover{color:#bdd7f3}.view-session-button .arrow-icon{margin-left:4px;transition:transform .2s}.view-session-button:hover .arrow-icon{transform:translate(3px)}.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100vh - 60px);padding:20px;display:flex}.error-container p{color:#e2e8f0;max-width:450px;font-size:1.15rem;line-height:1.6}.profile-try-again-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#b45309,#c2410c);border:none;border-radius:999px;margin:.5vw;padding:14px 28px;font-size:1.05rem;font-weight:600;transition:all .3s;box-shadow:0 6px 16px #ebde2566}.profile-try-again-btn:hover{background:linear-gradient(90deg,#92400e,#b45309);transform:translateY(-2px);box-shadow:0 15px 25px #b4530966}.title-with-badge{align-items:center;gap:12px;display:flex}.premium-badge{color:#5a3600;background:linear-gradient(135deg,#ffb347 0%,#fc3 100%);border-radius:12px;align-items:center;max-width:fit-content;padding:4px 10px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000001a}.premium-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.premium-badge .premium-icon{stroke:#5a3600;margin-right:4px}@media (max-width:480px){.premium-badge{padding:3px 8px;font-size:11px}.title-with-badge{gap:8px}}.stats-overview{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;margin-bottom:1rem;display:grid}.stat-card{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid #f59e0b33;border-radius:12px;align-items:center;gap:.75rem;min-height:80px;padding:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#f59e0b0d);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#f59e0b66;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.streak-card{background:linear-gradient(135deg,#ed121226,#ed121226)}.streak-card .stat-card-icon svg{stroke:#fbbf24;filter:drop-shadow(0 0 6px #fbbf2466)}.streak-fire{font-size:1.25rem;animation:1.5s ease-in-out infinite fireAnimation;position:absolute;top:.5rem;right:.75rem}@keyframes fireAnimation{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}50%{transform:scale(1.2)rotate(5deg)}75%{transform:scale(1.1)rotate(-3deg)}}.sessions-target-card{background:linear-gradient(135deg,#4338ca26,#6366f11a)}.sessions-target-card .stat-card-icon svg{stroke:#818cf8;filter:drop-shadow(0 0 6px #818cf866)}.stat-card-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.stat-card:hover .stat-card-icon{background:#ffffff14;transform:scale(1.05)rotate(3deg)}.stat-card-icon svg{width:20px;height:20px}.stat-card-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.stat-card-value{background:linear-gradient(90deg,#f8fafc,#cbd5e1);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1}.stat-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.progress-bar-mini{background:#94a3b833;border-radius:6px;width:100%;height:4px;margin-top:.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill-mini{background:linear-gradient(90deg,#818cf8,#a78bfa);border-radius:6px;height:100%;transition:width .6s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.progress-fill-mini:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@media (max-width:768px){.stats-overview{grid-template-columns:1fr;gap:.5rem}.stat-card{min-height:70px;padding:.75rem}.stat-card-value{font-size:1.25rem}.streak-fire{font-size:1rem;top:.5rem;right:.5rem}}@media (max-width:576px){.stat-card{gap:.5rem;min-height:65px;padding:.75rem}.stat-card-icon{width:35px;height:35px}.stat-card-icon svg{width:18px;height:18px}.stat-card-value{font-size:1.125rem}.stat-card-label{font-size:.7rem}}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.sessions-target-card.goal-achieved{background:linear-gradient(135deg,#22c55e26,#4ade801a);animation:2s ease-in-out infinite celebrationPulse}.sessions-target-card.goal-achieved .stat-card-icon svg{stroke:#4ade80;filter:drop-shadow(0 0 10px #4ade8080)}.streak-card.milestone-7,.streak-card.milestone-30,.streak-card.milestone-100{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border-color:#fbbf2466}.streak-card.milestone-7 .streak-fire,.streak-card.milestone-30 .streak-fire,.streak-card.milestone-100 .streak-fire{filter:drop-shadow(0 0 8px #fb923c99);animation:.8s ease-in-out infinite fireAnimation}