:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark-mode{--background-color: #1e1e1e;--text-color: #ffffff;--primary-color: #937FFF;--secondary-color: #1e1e1e;--border-color: #444}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background-color:var(--primary-color);color:var(--text-color);border:1px solid var(--border-color)}input{background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color)}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.splash-screen{min-height:100vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100%;direction:ltr}.top-bar.rtl{direction:rtl}.logoSplash{height:40px;width:auto;padding:10px;margin:20px}.center-content{display:flex;flex:1;justify-content:center;align-items:center;padding:2rem;flex-direction:row;gap:2rem}.center-content.rtl{flex-direction:row-reverse}.side{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem}.image-side img{max-width:100%;height:auto}.text-side{display:flex;flex-direction:column;justify-content:center;padding:1rem 2rem;color:#fff;text-align:left;direction:ltr;align-items:flex-start}.text-side.rtl{text-align:right}.text-side h1 .text-side h2{font-size:36px;margin-bottom:10px;line-height:1.4}.text-side.rtl h1{text-align:right!important;margin-right:0!important}@media (min-width: 769px){.text-side{padding-left:3rem}.center-content.rtl .text-side{padding-left:0;padding-right:3rem}}@media (max-width: 768px){.center-content,.center-content.rtl{flex-direction:column;text-align:center;gap:1rem}.text-side{align-items:center;text-align:center;padding:1rem}.text-side h1{font-size:1.5rem}.text-side h2{font-size:1.2rem}.logoSplash{height:30px;margin:10px auto}.side{padding:.5rem}.image-side img{max-width:80%}}.language-selector{position:fixed;top:0;z-index:10000}.language-selector.right{right:20px}.language-selector.left{left:20px}.world-icon{font-size:24px;cursor:pointer;color:#a7adee;transition:transform .2s ease;padding:10px;margin:10px}.world-icon:hover{transform:scale(1.1)}.dropdown{margin-top:8px;background-color:#fffffff2;border-radius:6px;box-shadow:0 4px 8px #0000001a;overflow:hidden;animation:slideDown .3s ease}.dropdown div{padding:10px 15px;cursor:pointer;white-space:nowrap;color:#000}.dropdown div:hover{background-color:#e76af9}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gradient-button{padding:.75rem 2rem;margin-top:30px;border:none;border-radius:8px;background:linear-gradient(90deg,#babbfe,#937fff);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #0003;width:40%}.gradient-button.rtl{margin-left:auto;margin-right:0;text-align:center}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.gradient-button:active{transform:scale(.98)}.login-screen{min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat;scrollbar-color:#937fff #f0f0f0;scrollbar-width:thin}.top-bar-Login{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100%;direction:ltr}.top-bar-Login.rtl{direction:rtl}.logoLogin{height:38px;width:auto;margin:auto;padding-right:95px;display:block}.logoLogin.rtl{padding-left:95px}.phone-form-container{background:#fff;border-radius:16px;padding:1.5rem;max-width:420px;width:80%;margin:auto;box-shadow:0 0 20px #0000001a;text-align:left;display:flex;flex-direction:column;align-items:center;direction:ltr}.phone-form-container.rtl{text-align:right;direction:rtl}.greeting{margin:0;color:#666;font-size:.9rem}.welcome{margin-top:.2rem;color:#5e2dad;font-weight:600}.greeting,.welcome{margin:0;padding:0}.greeting{font-size:18px;margin-bottom:5px}.welcome{font-size:24px;font-weight:700;margin-bottom:20px}.input-wrapper{display:flex;align-items:center;border:1px solid #ccc;border-radius:8px;margin:1rem 0;padding:.4rem .6rem;gap:.5rem;width:90%;margin-bottom:20px}.input-wrapper.rtl{flex-direction:row-reverse}.flag-select{display:flex;align-items:center;gap:5px}.flag-img{height:20px;width:auto;border-radius:4px;margin-right:.4rem}.country-code{border:none;background:transparent;outline:none;color:#000;font-weight:700;font-size:.9rem;cursor:pointer}.phone-input{border:none;flex:1;background:transparent;height:40px;color:#000;outline:none;font-size:.95rem}.phone-input.invalid,.otp-input.invalid{border-color:red;background-color:#ffe6e6}.error-message{color:red;font-size:.9rem;margin-top:.5rem}.continue-btn:disabled{background-color:#ccc;cursor:not-allowed}.continue-btn{width:100%;background-color:#371c82;color:#fff;border:none;border-radius:999px;padding:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background .3s ease}.continue-btn:hover{background-color:#4c23a8}.otp-title{margin-bottom:1.5rem;color:#03354d;text-align:center}.otp-inputs{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 30px}.otp-input{width:3rem;height:3rem;font-size:1.5rem;text-align:center;border-radius:8px;border:1px solid #ccc;background-color:#ccc}.otp-btn{width:100%;padding:.8rem;background-color:#3f078b;color:#fff;font-weight:700;border:none;border-radius:25px;margin-bottom:1rem;cursor:pointer}.resend-text{color:#444;font-size:.9rem;text-align:center}.resend{font-weight:700;color:#3f078b;cursor:pointer}.continue-btn:disabled,.otp-btn:disabled{background-color:#ccc;cursor:not-allowed}.Otp-screen{min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat}.top-bar-Otp{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100%;direction:ltr}.top-bar-Otp.rtl{direction:rtl}.logoOtp{height:38px;width:auto;margin:auto;padding-right:95px;display:block}.logoOtp.rtl{padding-left:95px}.back-button{background:transparent;border:none;cursor:pointer;font-weight:300}.phone-input-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;min-height:0}:root{--sidebar-bg-color: #fff;--sidebar-text-color: #333;--header-bg-color: #ffffff;--header-text-color: #333;--border-color: #ddd;--newChat-bg-color: #dedaff;--newChat-text-color: #8a889c}:root.dark-mode{--sidebar-bg-color: #1e1e1e;--sidebar-text-color: #ffffff;--header-bg-color: #1e1e1e;--header-text-color: #ffffff;--border-color: #444;--newChat-bg-color: #dedaff;--newChat-text-color: #8a889c}.home-wrapper{display:flex;height:100vh;overflow:hidden}.sidebar{padding:10px;border-right:1px solid #fff2f2;width:250px;background-color:var(--sidebar-bg-color);color:var(--sidebar-text-color);padding:1rem;height:90%;overflow-y:auto;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;z-index:999}.main-content-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto}.sidebar .search-bar input{background-color:var(--header-bg-color);color:var(--header-text-color);border:1px solid var(--border-color)}.sidebar .recent{color:var(--sidebar-text-color)}.sidebar .new-chat{background-color:var(--newChat-bg-color);color:var(--newChat-text-color);border:1px solid var(--border-color)}.sidebar .sidebar-bottom{border-top:1px solid var(--border-color)}.sidebar .settings,.sidebar .logout{color:var(--sidebar-text-color)}.sidebar.open{transform:translate(0)}.sidebar-toggle{position:relative;height:40px;width:40px;top:-10px;bottom:10px;left:10px;z-index:3000;background-color:#937fff;color:#fff;padding:10px;border-radius:50%;display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--header-text-color);z-index:9999}.sidebar-toggle:hover{background-color:#937fff}.search-bar{position:relative;margin-bottom:1rem}.search-bar input{width:80%;height:35px;padding:.5rem .5rem .5rem 2.5rem;border:1px solid #ccc;background-color:transparent;border-radius:10px}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:1.3rem;height:1.3rem;pointer-events:none}.new-chat{background:#d9d6fc;font-weight:600;color:#0009;padding:.7rem;border:none;border-radius:6px;margin-bottom:1rem;cursor:pointer}.recent{color:#000;font-weight:600;margin-bottom:.5rem}.recent-chats{flex-grow:1;color:#323232;overflow-y:auto;height:100px;scrollbar-width:thin;scrollbar-color:#937fff #f0f0f0}.chat-item{padding:.5rem;background:#fff;border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:background .3s}.history-icon{width:22px;height:22px;flex-shrink:0;transform:scaleX(-1);padding:0 .5rem;margin:0 .5rem -5px 0}.rtl .history-icon{transform:scaleX(-1)}.chat-item:hover{background:#f5f5f5}.sidebar-bottom{font-size:.9rem;border-top:1px solid #fff2f2;padding-top:2rem}.logout{color:red;margin-top:1rem;margin-bottom:20px;display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;font-size:18px}.settings{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#000;cursor:pointer;font-size:18px}.settings-icon,.power-icon{width:1.4rem;height:1.4rem}.main-content{flex-grow:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:"center";text-align:center;position:relative;padding:1rem;overflow:hidden;margin-top:50px}.content-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-logo{width:120px;margin-bottom:1rem;margin-top:10px;align-self:flex-start;margin-left:20px}.logo-container{display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg-color);border-bottom:1px solid var(--border-color)}.logo-container img{height:40px;cursor:pointer;margin-top:40px;margin-right:10px}.rtl .logo-container{left:20px}.profile-icon{border-radius:50%;object-fit:cover;cursor:pointer;margin-bottom:1rem;z-index:999;margin-left:10px;margin-right:10px}h1{font-size:2rem;color:var(--sidebar-text-color)}.highlight{background:linear-gradient(90deg,#babbfe,#937fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:.5rem .5rem 0;border-left:4px solid transparent;border-image:linear-gradient(to bottom,#babbfe,#937fff);border-image-slice:1;font-size:40px;font-weight:600}.rtl .highlight{border-right:4px solid transparent;border-left:0px}.welcome-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.welcome-container h1{margin:100px 0 0;font-size:3rem;color:var(--sidebar-text-color)}.welcome-container .highlight{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#babbfe,#937fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:100px 0 0}.tagline{color:#666;margin-bottom:2rem;font-size:16px}.search-box{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%;margin-bottom:2rem}.search-box input{flex:1;min-width:200px;max-width:400px;padding:.7rem;border:1px solid #ccc;border-radius:8px}.search-box button{padding:.7rem 1.2rem;background:#6e4aff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.categories{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.category{background:linear-gradient(90deg,#babbfe,#937fff);padding:1rem;border-radius:16px;min-width:90px;text-align:center;cursor:pointer;font-weight:700;color:#000;transition:transform .2s}.category:hover{transform:scale(1.05)}.middle-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#937fff #f0f0f0}.rtl{direction:rtl;text-align:right}.rtl .sidebar{border-right:none;border-left:1px solid #fff2f2;direction:rtl;text-align:right;right:0;left:auto}.rtl .search-bar input{text-align:right}.rtl .categories{flex-direction:row-reverse}@media (max-width: 768px){.home-wrapper{flex-direction:column}.middle-content{margin-left:0}.sidebar{width:250px;height:100%;transform:translate(-100%);position:fixed;top:0;left:0;transition:transform .3s ease}.rtl .sidebar{left:auto;right:0;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block;margin-right:50px}.search-bar input{width:80%;margin-top:50px}.search-icon{margin-top:24px}.recent-chats{width:100%}.new-chat{width:100%;text-align:center}.settings,.logout{width:100%;justify-content:flex-start;margin:10px}.main-content{padding:1rem}.logo-container{position:relative;top:0;left:0;width:100%;text-align:center;border-bottom:none;padding-bottom:1rem;margin-bottom:1rem}.logo-container img{height:50px}.rtl{direction:rtl;text-align:right}}.smart-input-container{display:flex;flex:1;flex-direction:row;align-items:center;border:1px solid #c9bfff;border-radius:10px;gap:12px;flex-wrap:wrap;position:relative;font-family:sans-serif;margin-bottom:5px;height:130px;width:100%;padding:15px}.error-message{color:red;font-size:.9rem;margin-top:.5rem;text-align:left}.smart-input-container input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:5px}.smart-input-container button{padding:.5rem 1rem;background-color:transparent;border:1px solid #937FFF;color:#fff;border-radius:10px;cursor:pointer}.example-icon{margin:0 0 0 10px}.rtl .example-icon{margin-right:10px;margin-left:0;padding:20px}.smart-input-field{flex-grow:1;min-width:200px;border:none;outline:none;font-size:14px;color:#937fff;background-color:transparent}.smart-input-field::placeholder{color:#a892f8;font-weight:500;background-color:transparent}.button-group{display:flex;gap:20px;flex-wrap:wrap;margin:0 61px}.icon-button{display:flex;align-items:center;gap:6px;border:1px solid #c9bfff;background:transparent;padding:6px 12px;border-radius:8px;color:#a892f8!important;font-size:14px;cursor:pointer;transition:background .2s ease}.icon-button:hover{background-color:#f4f0ff}.icon{width:20px;height:20px}.mic-icon,.send-icon{cursor:pointer;width:30px;height:30px}.send-button{background-color:#a892f8;border:none;border-radius:50%;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.top-row{display:flex;align-items:center;gap:12px;width:100%}.bottom-row{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:nowrap}.right-controls{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:10px}.audio-button{background-color:transparent;width:20px;outline:"none";border-color:transparent}@media (max-width: 1024px){.smart-input-container{height:auto;width:100%;padding:10px}.smart-input-field{font-size:12px}.button-group{gap:15px;margin:0 30px}.icon-button{font-size:12px;padding:4px 8px}.icon{width:25px;height:25px}.send-button{padding:8px}}.rtl{direction:rtl}.rtl .top-row{flex-direction:row-reverse}.rtl .bottom-row{flex-direction:row-reverse;padding-bottom:10px}.rtl .button-group,.rtl .icon-button{flex-direction:row-reverse}.rtl .input-field{text-align:right}.rtl .icon{margin-left:0;margin-right:10px}@media (max-width: 768px){.smart-input-container{flex-direction:row;align-items:stretch;height:auto;width:100%}.top-row,.bottom-row{flex-direction:row;gap:8px}.button-group{flex-direction:row}.icon-button{font-size:12px;padding:4px 6px}.right-controls{gap:0px}}@media (max-width: 480px){.smart-input-container{padding:8px;flex-direction:row;gap:.5rem}.smart-input-field{font-size:12px;min-width:100%}.button-group{flex-direction:row;flex-wrap:nowrap;gap:10px}.icon-button{font-size:10px;padding:3px 4px;white-space:nowrap}.icon{width:16px;height:16px}.send-button{padding:6px}.smart-input-container button{width:100%}}.category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:140px;border-radius:15px;background:linear-gradient(90deg,#babbfe,#937fff);box-shadow:5px 5px 10px #d1d1d1,-5px -5px 10px #fff;transition:all .3s ease;cursor:pointer;margin-top:40px}.dark-mode .category-item{box-shadow:5px 5px 10px #444,-5px -5px 10px #222}.category-item.active{background:#7469ff;box-shadow:5px 5px 10px #7a6ae6,-5px -5px 10px #b29aff;width:130px;height:160px;color:#fff;transform:translateY(-10px)}.dark-mode .category-item.active{box-shadow:5px 5px 10px #333,-5px -5px 10px #111}.category-item:hover{transform:translateY(-5px)}.category-icon{width:40px;height:40px;margin-bottom:10px}.category-label{font-size:16px;font-weight:500;text-align:center;color:inherit}.category-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.category-item{background-color:#f4f4f4;padding:1rem;border-radius:5px;text-align:center;cursor:pointer;transition:background-color .3s ease}@media (max-width: 1024px){.category-item{width:100px;height:130px}.category-item.active{width:120px;height:150px}.category-icon{width:35px;height:35px}.category-label{font-size:14px}}@media (max-width: 768px){.category-item{width:90px;height:120px}.category-item.active{width:110px;height:140px}.category-icon{width:30px;height:30px}.category-label{font-size:13px}}@media (max-width: 480px){.category-item{width:80px;height:110px}.category-item.active{width:100px;height:130px}.category-icon{width:25px;height:25px}.category-label{font-size:12px}}@media (max-width: 768px){.category-item{padding:.5rem;font-size:.9rem}}:root{--chat-bg-color: #ffffff;--chat-text-color: #333333;--user-message-bg: #937fff;--user-message-text: #ffffff;--ai-message-bg: #e6e6e6;--ai-message-text: #333333;--border-color: #ddd;--timestamp-color: #999}:root.dark-mode{--chat-bg-color: #1e1e1e;--chat-text-color: #ffffff;--user-message-bg: #7469ff;--user-message-text: #ffffff;--ai-message-bg: #2a2a2a;--ai-message-text: #ffffff;--border-color: #444;--timestamp-color: #bbb}.chat-screen{display:flex;flex-direction:column;background-color:var(--chat-bg-color);color:var(--chat-text-color);box-sizing:border-box;padding-right:10px;height:100vh;overflow:hidden}.rtl .chat-screen{padding-left:0}.chat-messages{flex:1;overflow-y:auto;height:auto;/ scrollbar-width: thin;scrollbar-color:#937fff #f0f0f0;padding:1rem;display:flex;flex-direction:column;gap:1rem}.user-message{align-self:flex-end;background-color:#937fff;color:#fff;max-width:70%;padding:1rem;border-radius:10px;font-size:14px;line-height:1.5}.ai-message{align-self:flex-start;background-color:#e6e6e6;color:#333;max-width:70%;padding:1rem;border-radius:10px;font-size:14px;line-height:1.5}.timestamp{font-size:10px;color:#999;margin-top:5px;display:block;text-align:right}.chat-input{align-items:center;gap:1rem;max-width:100%;padding:1rem;border-top:1px solid #ddd;margin-right:10px}.ai-info{display:flex;align-items:center;gap:.1rem}.ai-logo{height:25px;width:25px}.ai-name{font-size:14px;color:#333;margin-left:.5rem}.markdown{white-space:pre-wrap;line-height:1.6;font-size:16px}.markdown h1,.markdown h2,.markdown h3{margin:16px 0 8px}.markdown p{margin:0 0 12px}.markdown strong{font-weight:700}.markdown em{font-style:italic}.markdown ul{padding-left:20px}@media (max-width: 768px){.user-message,.ai-message{max-width:90%;font-size:12px}.input-field{font-size:12px}.send-button{width:35px;height:35px}.chat-screen{padding-left:20px;margin-top:-40px;padding-right:20px}}@media (max-width: 480px){.user-message,.ai-message{font-size:11px;padding:.8rem}.input-field{font-size:11px;padding:.5rem}.send-button{width:30px;height:30px}}:root{--profile-body-bg: #ffffff;--profile-text-color: #1e1e1e;--profile-border-color: #ccc}:root.dark-mode{--profile-body-bg: #1e1e1e;--profile-text-color: #ffffff;--profile-border-color: #444444}.profile-container{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;width:100%;color:#333;z-index:2}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:90%}.profile-info{display:flex;align-items:center;gap:1rem;height:80px;border-radius:50%;object-fit:cover}.profile-image{width:80px;height:80px;border-radius:50%;margin-bottom:0rem}.profile-container{display:flex;flex-direction:column;align-items:center;padding-top:30px}.profile-name{font-size:1.5rem;font-weight:700;color:var(--profile-text-color)}.profile-email{font-size:.9rem;color:#666;color:var(--profile-text-color)}.subscription-info{text-align:right}.cancel-button{background:none;border:1px solid #937fff;color:#937fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.cancel-button:hover{background:#f4f0ff}.expiry-date{font-size:.9rem;color:var(--profile-text-color);margin-top:.5rem}.expiry-date span{color:#937fff;font-weight:700}.profile-body{background:var(--profile-body-bg);color:var(--profile-text-color);padding:2rem;border-radius:8px;transition:background-color .3s ease,color .3s ease;width:90%}.section-title{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:.9rem;margin-bottom:.5rem;color:#666}.form-group input{background:var(--profile-body-bg);color:var(--profile-text-color);border:1px solid var(--profile-border-color);padding:.7rem;border:1px solid #ccc;border-radius:8px;font-size:.9rem}.form-group input:read-only{background:var(--profile-border-color)}.save-button{display:block;width:40%!important;margin:0 auto;text-align:center;padding:.8rem;background:linear-gradient(90deg,#babbfe,#937fff);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:700}.save-button:hover{background:linear-gradient(90deg,#babbfe,#937fff)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-body{text-align:center}.modal-icon{width:50px;height:50px;margin:0 auto 1rem;display:block}.modal{background:#fff;border-radius:12px;padding:2rem;width:248px;text-align:center;box-shadow:0 4px 8px #0003}.modal-header{display:flex;justify-content:flex-end}.modal-close{font-size:1.5rem;cursor:pointer}.modal-body h3{font-size:1.2rem;color:#937fff;margin-bottom:1rem}.modal-body p{font-size:.9rem;color:#666;margin-bottom:1.5rem}.modal-actions{display:flex;justify-content:center;gap:1rem}.go-back-button{background:none;border:1px solid #ccc;border-radius:12px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;color:#000}.cancel-plan-button{background:linear-gradient(90deg,#babbfe,#937fff);color:#fff;border:none;border-radius:12px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.cancel-plan-button:hover{background:#7469ff}.otp-inputs{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.otp-input{width:40px;height:40px;text-align:center;font-size:1.2rem;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .3s ease}.otp-input:focus{border-color:#937fff}.verify-otp-button{background:#937fff;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:1rem;margin-top:1rem}.profile-details{text-align:center}.verify-otp-button:hover{background:#7469ff}@media (max-width: 768px){.profile-container{overflow-y:auto}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{flex-direction:column}.profile-container{margin:0}.profile-image{width:100px;height:100px}.save-button{padding-bottom:20px;width:100%!important}}.settings-container{max-width:600px;margin:60px auto;padding:2rem;font-family:Arial,sans-serif;color:#333}.section-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.appearance-options{display:flex;gap:1rem;margin-bottom:2rem}.appearance-options label{font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;position:relative}.appearance-options input[type=radio]{display:none}.appearance-options input[type=radio]+span{display:inline-block;width:16px;height:16px;border:2px solid #ccc;border-radius:50%;position:relative;transition:border-color .3s ease}.appearance-options input[type=radio]:checked+span{border-color:#937fff}.appearance-options input[type=radio]:checked+span:before{content:"";display:block;width:8px;height:8px;background-color:#937fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.appearance-options span{margin-right:.5rem}.language-select{margin-bottom:2rem}.language-select select{width:100%;padding:.7rem;border:1px solid #ccc;border-radius:8px;font-size:.9rem;background:#f9f9f9;color:#333}.save-button-settings{display:block;width:100%;padding:.8rem;background:linear-gradient(90deg,#babbfe,#937fff);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:700}.save-button:hover{background:linear-gradient(90deg,#7469ff,#937fff)}.dark-mode .settings-container,.dark-mode .section-title{color:#fff}.dark-mode .language-select select{background:#444;color:#fff;border:1px solid #666}.dark-mode .save-button-settings{background:linear-gradient(90deg,#444,#666);color:#fff}.dark-mode .save-button-settings:hover{background:linear-gradient(90deg,#555,#777)}.dark-mode .appearance-options label{color:#fff}.dark-mode .appearance-options input[type=radio]+span{border-color:#666}.dark-mode .appearance-options input[type=radio]:checked+span{border-color:#fff}.dark-mode .appearance-options input[type=radio]:checked+span:before{background-color:#fff}@media (max-width: 768px){.appearance-options{flex-direction:column;gap:.5rem}}.no-internet{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#937fff;margin-top:100px}.no-internet-icon{width:200px;height:200px;margin-bottom:20px}.no-internet h1{font-size:24px;margin-bottom:10px}.no-internet p{font-size:16px;color:#555}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999999}.modal-container{background:#fff;padding:2rem;border-radius:12px;text-align:left;width:90%;max-width:600px;height:auto;box-shadow:0 4px 10px #0003}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-title{font-size:1.8rem;font-weight:700;color:#937fff;text-align:center;margin:0 auto}.modal-title{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#937fff;text-align:center;margin:0 auto;gap:.5rem}.modal-icon{width:24px;height:24px;margin-top:20px}.modal-content{font-size:1rem;color:#333;line-height:1.6;overflow:auto;max-height:300px}.modal-updated{font-size:.9rem;color:#666;margin-bottom:1rem}.modal-updated span{color:#937fff;font-weight:700}.modal-description{margin-bottom:1.5rem}.modal-section-title{font-size:1.2rem;font-weight:700;color:#937fff;margin-top:1rem;margin-bottom:.5rem}.modal-subsection-title{font-size:1rem;font-weight:700;color:#937fff;margin-top:1rem}.modal-actions{display:flex;flex-direction:row;margin-top:2rem}.modal-accept{background:#937fff;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:20px;cursor:pointer;font-size:1rem;width:49%}.modal-accept:hover{background:#7469ff}.modal-decline{background:none;color:#fff;padding:.8rem 1.5rem;border-radius:20px;cursor:pointer;font-size:1rem;width:49%}.modal-decline:hover{background:#f4f0ff}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #937fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-handler{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f0e0e0;border:3px solid #c8beff;color:#000;padding:20px 30px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;text-align:center;max-width:90%;width:400px}.error-handler p{margin:0 0 10px;font-size:16px}.error-handler button{background:#937fff;border:none;color:#fff;font-weight:700;cursor:pointer;padding:10px 20px;border-radius:5px;transition:background-color .3s ease}.error-handler button:hover{background-color:#fddede}