@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{--primary-color: #007bff;--primary-color-dark: #0056b3;--secondary-color: #00C6FF;--accent-color: #FF7A00;--background-gradient: linear-gradient(to bottom right, #E6F2FF, #CDE4FF);--text-color: #333;--text-color-light: #666;--border-radius-md: 15px;--border-radius-lg: 30px}*,*:before,*:after{box-sizing:border-box}*{margin:0;font-family:Vazirmatn,sans-serif}a,a:visited,a:hover,a:active{text-decoration:none}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;background:#f0f8ff;max-width:100vw;overflow-x:hidden!important}#root,html{overflow-x:hidden!important}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}a,button,[role=button],input,textarea,[tabindex]{-webkit-tap-highlight-color:transparent}.main-container{height:calc(100vh - 70px);width:100vw;background-color:#f8f9fa;overflow-x:hidden;overflow-y:auto;position:relative}:root{font-family:Vazirmatn,sans-serif;line-height:1.5;font-weight:400;direction:rtl;color-scheme:light;color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:Vazirmatn,sans-serif;direction:rtl}.shape{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6;z-index:0;pointer-events:none}.shape-1{width:400px;height:400px;background-color:var(--secondary-color);top:-150px;left:-150px}.shape-2{width:500px;height:500px;background-color:var(--accent-color);bottom:-200px;right:-200px}.shape-3{width:300px;height:300px;background-color:#f266ab;bottom:50px;left:100px}.thematic-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:30px 30px}.geo-shape{position:absolute;display:block;animation:float 25s infinite ease-in-out}.geo-shape.plus{width:40px;height:40px;color:#ff7a00}.geo-shape.plus:before{content:"+";font-size:50px;font-weight:200}.geo-shape.circle{width:50px;height:50px;background-color:#007bff80;border-radius:50%}.geo-shape.triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid rgba(13,186,114,.5)}.geo-shape.small{transform:scale(.6)}.thematic-background .geo-shape:nth-of-type(1){top:10%;left:20%;animation-duration:25s}.thematic-background .geo-shape:nth-of-type(2){top:25%;left:75%;animation-duration:30s;animation-delay:-5s}.thematic-background .geo-shape:nth-of-type(3){top:80%;left:80%;animation-duration:20s;animation-delay:-12s}.thematic-background .geo-shape:nth-of-type(4){top:75%;left:10%;animation-duration:35s;animation-delay:-3s}.thematic-background .geo-shape:nth-of-type(5){top:40%;left:45%;animation-duration:22s;animation-delay:-8s}.thematic-background .geo-shape:nth-of-type(6){top:5%;left:50%;animation-duration:28s;animation-delay:-15s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.thematic-background+.content-card,.thematic-background+*+.content-card{background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:1}.thematic-background .geo-shape:nth-of-type(7){top:85%;left:40%;animation-duration:26s;animation-delay:-7s}.thematic-background .geo-shape:nth-of-type(8){top:50%;left:90%;animation-duration:32s;animation-delay:-2s}.thematic-background .geo-shape:nth-of-type(9){top:15%;left:5%;animation-duration:24s;animation-delay:-18s}.app-title{font-size:36px;font-weight:800;color:#ff7a00;margin:0;letter-spacing:-1px}.app-title span{color:#007bff}.global-layout-container{position:relative;overflow:hidden;min-height:100vh;width:100vw;background:var(--background-gradient)}.global-content{position:relative;z-index:1;height:100vh;width:100%}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Vazirmatn,sans-serif;direction:rtl}.login-page-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;box-sizing:border-box;overflow:hidden;position:relative}.shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.7}@keyframes move{0%{transform:translate(0) rotate(0)}to{transform:translate(100px,50px) rotate(360deg)}}.login-page-container:after{content:"✦";position:absolute;bottom:30px;right:30px;font-size:50px;color:#ffe2c9;opacity:1;animation:sparkle 5s infinite ease-in-out}@keyframes sparkle{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2) rotate(180deg);opacity:1}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px #0003;width:90%;max-width:400px;text-align:center;animation:fadeInSlideUp .5s ease-out forwards}.modal-content h3{margin-top:0;font-size:22px;color:#333}.modal-content p{font-size:16px;color:#666;margin-bottom:25px}.modal-close-btn{background-color:#007bff;color:#fff;border:none;border-radius:12px;padding:12px 25px;font-size:16px;font-family:Vazirmatn,sans-serif;cursor:pointer;transition:background-color .3s ease}.modal-close-btn:hover{background-color:#0056b3}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.content-card{width:100%;max-width:420px;background-color:#fff;border-radius:30px;box-shadow:0 15px 40px #00000012;overflow:hidden;display:flex;flex-direction:column;animation:fadeInSlideUp .8s ease-out forwards}.header-section{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);padding:30px 40px 40px;display:flex;justify-content:center;align-items:center}.header-section img{width:60%;max-width:200px;height:auto;transition:transform .4s ease}.header-section img:hover{transform:scale(1.07)}.form-section{padding:20px 25px 25px;display:flex;flex-direction:column;text-align:center}.subtitle,.input-wrapper,.forgot-password,form.login-form button.login-btn{opacity:0;animation:fadeInSlideUp .7s ease-out forwards;animation-delay:.4s}.subtitle{animation-delay:.5s}.input-wrapper:nth-of-type(1){animation-delay:.6s}.input-wrapper:nth-of-type(2){animation-delay:.7s}.forgot-password{animation-delay:.8s}form.login-form button.login-btn{animation-delay:.9s}.subtitle{font-size:16px;color:#888;margin-top:5px;margin-bottom:30px}form{width:100%}.input-wrapper{position:relative;margin-bottom:20px}.input-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:#aaa;font-size:20px}.input-wrapper input{width:100%;padding:14px 50px 14px 20px;border:1px solid #e0e0e0;border-radius:15px;box-sizing:border-box;font-size:16px;font-family:Vazirmatn,sans-serif;background-color:#f9f9f9;transition:all .3s ease;direction:rtl}.input-wrapper input::placeholder{color:#aaa}.input-wrapper input:focus{outline:none;border-color:#007bff;background-color:#fff;box-shadow:0 0 0 4px #007bff1a}.forgot-password{display:block;text-align:left;font-size:13px;color:#007bff;text-decoration:none;margin-top:-10px;margin-bottom:25px;transition:color .3s ease}.forgot-password:hover{color:#0056b3}button.login-btn{width:100%;padding:15px;background:linear-gradient(45deg,#007bff,#00c6ff,#007bff);background-size:200% auto;color:#fff;border:none;border-radius:15px;font-size:18px;font-weight:600;font-family:Vazirmatn,sans-serif;cursor:pointer;transition:all .4s ease;box-shadow:0 5px 15px #007bff40}button.login-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #007bff59;background-position:right center}.home-page-final-container{background-color:#f8fafc}.home-page-header{display:flex;justify-content:space-between;align-items:center;flex-direction:column-reverse;margin-top:23px;position:sticky;top:-210px;left:0;z-index:1;background:#f8fafc;border-radius:0 0 5px 5px}.app-title.app-title-home{font-size:55px}.user-avatar{width:200px;height:200px;border-radius:50%;border:2px solid var(--primary-color)}.home-page-content{padding:0 20px 20px;min-height:calc(100vh - 150px)}.dashboard-cards-wrapper{display:flex;flex-direction:column;gap:15px}.dashboard-card-link{text-decoration:none;color:inherit}.box-shadow-header{box-shadow:0 3px 15px #534c4c29;background:#fff;border-radius:10px;transition:all 1s ease-out}.final-card{border-radius:25px;padding:10px 15px;box-shadow:0 10px 30px #00000014;display:flex;gap:10px;color:#fff;min-height:90px;box-sizing:border-box;position:relative;overflow:hidden;justify-content:space-between}.final-card.blue{background:linear-gradient(135deg,#7dd3fc,#38bdf8)}.final-card.green{background:linear-gradient(135deg,#86efac,#4ade80)}.final-card.yellow{background:linear-gradient(135deg,#fde68a,#facc15)}.final-card.orange{background:linear-gradient(135deg,#fed7aa,#fb923c)}.final-card.purple{background:linear-gradient(135deg,#d8b4fe,#a78bfa)}.final-card-icon{font-size:60px;flex-shrink:0;display:flex;align-items:center;position:relative}.final-card-main-content{display:flex;flex-direction:column;flex-grow:1;align-self:stretch;gap:15px}.top-row{text-align:right}.bottom-row{display:flex;justify-content:space-between;align-items:center}.final-card-title{margin:0;font-size:15px;color:#2a2d23}.final-card-subtitle{opacity:.9;margin:0 0 0 5px;font-size:13px;text-align:right;flex-grow:1;color:#2a2d23}.final-card-actions{display:flex;justify-content:end;flex:1}.final-card.card-type-messenger{justify-content:space-between;align-items:center}.messenger-content{display:flex;flex-direction:column;align-items:flex-start;gap:15px;text-align:left}.final-card.card-type-messenger .final-card-title{text-align:left}.final-notification-badge{position:absolute;top:15px;right:-5px;background-color:#ef4444;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid white}.final-card-button{border:none;padding:4px 13px;border-radius:50px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:12px;color:#fff}.final-card-button:hover{transform:scale(1.05);filter:brightness(110%)}.final-card-button.light-blue{background-color:#f0f9ff;color:#0284c7}.final-card-button.dark-green{background-color:#2abb6091}.final-card-button.light-orange{background-color:#f97316}.final-card-button.dark-orange{background-color:#fef3c7;color:#d97706}.final-card-button.dark-purple{background-color:#9333ea}.bottom-nav{-webkit-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;height:70px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 15px #00000014;z-index:1000}.nav-item{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:#a1a1aa;text-decoration:none;flex-grow:1;padding:10px 0;transition:color .3s ease;flex:1}.nav-icon{font-size:24px}.nav-text{font-size:12px;font-weight:500}.nav-item.active{color:var(--primary-color)}.messages-page-container{background-color:#f8fafc;padding:20px;box-sizing:border-box;font-family:Vazirmatn,sans-serif}.messages-header{margin-bottom:25px}.tabs-container{display:flex;justify-content:space-between;margin-bottom:20px}.tab-button{flex-grow:1;padding:8px 10px;font-family:inherit;font-size:16px;font-weight:600;border:none;background-color:#eef2f7;color:#64748b;border-radius:50px;cursor:pointer;margin:0 5px;transition:all .3s ease}.tab-button.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #3b82f64d}.search-bar-container{position:relative}.search-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#9ca3af;font-size:20px}.search-input{width:100%;padding:15px 20px 15px 50px;border:1px solid #e2e8f0;background-color:#fff;border-radius:15px;font-family:inherit;font-size:16px;box-sizing:border-box;transition:border-color .3s}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:var(--primary-color)}.messages-list{display:flex;flex-direction:column;gap:15px}.message-item{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;border-radius:18px;box-shadow:0 8px 30px #64748b14;transition:all .2s ease}.message-item:hover{transform:translateY(-4px);box-shadow:0 12px 35px #64748b1f}.message-details{text-align:right}.sender-name{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 5px}.message-date{font-size:14px;color:#64748b;margin:0}.message-item-link{text-decoration:none;color:inherit}.sender-avatar-main{width:50px;height:50px;border-radius:50%;object-fit:cover}.unread-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white}.tab-unread-badge{background-color:#ef4444;color:#fff;font-size:12px;font-weight:600;margin-right:8px;padding:1px 7px;border-radius:10px;line-height:normal}.avatar-container{position:relative}.unread-badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white}.message-subtitle{font-size:14px;color:#64748b;margin:0}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center;color:#94a3b8}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-text{font-size:16px;line-height:1.5;max-width:280px}.chat-message-container-v2{display:flex;margin-bottom:20px}.chat-message-container-v2.sent{justify-content:flex-start}.chat-message-container-v2.received{justify-content:flex-end}.chat-bubble-v2{max-width:min(90%,400px);border-radius:10px;box-shadow:0 4px 15px #0000000d;position:relative;overflow:hidden;padding:2px}.chat-bubble-v2:after{content:"";position:absolute;top:0;width:0;height:0;border-style:solid}.chat-message-container-v2.sent .chat-bubble-v2{background-color:#3b82f6;color:#fff}.chat-message-container-v2.sent .chat-bubble-v2:after{right:-10px;border-width:0 10px 10px 0;border-color:transparent #3b82f6 transparent transparent}.chat-message-container-v2.received .chat-bubble-v2{background-color:#fff;color:#1f2937}.chat-message-container-v2.received .chat-bubble-v2:after{left:-10px;border-width:0 0 10px 10px;border-color:transparent transparent transparent #ffffff}.chat-bubble-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.05);direction:rtl}.sent .chat-bubble-header{border-bottom:1px solid rgba(255,255,255,.1)}.sender-info{font-weight:700;font-size:14px;text-align:right}.sender-info .group-name{font-weight:400;font-size:12px;opacity:.8;display:block}.message-time{font-size:12px;opacity:.7;white-space:nowrap;margin-right:8px}.message-text-v2{margin:0;line-height:1.5;padding:12px 12px 0;white-space:pre-wrap}.message-image-v2,.message-video-v2{width:100%;border-radius:10px 10px 3px 3px;display:block}.message-image-v2+.message-text-v2,.message-video-v2+.message-text-v2{overflow:hidden}.sender-avatar{min-width:40px;min-height:40px;max-width:40px;max-height:40px;border:1px solid #386084;border-radius:50%;margin-left:5px;align-self:flex-end;margin-bottom:5px;object-fit:contain}.message-attachment-container{padding:10px;border-top:1px solid rgba(0,0,0,.05)}.sent .message-attachment-container{border-top:1px solid rgba(255,255,255,.1)}.message-attachment-link{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;color:inherit;opacity:.9;transition:opacity .2s}.message-attachment-link:hover{opacity:1}.media-preview-container{position:relative;cursor:pointer;overflow:hidden;border-radius:10px 10px 0 0}.media-preview-container:hover .message-image-v2,.media-preview-container:hover .message-video-v2{transform:scale(1.05);filter:brightness(.9)}.message-image-v2,.message-video-v2{transition:transform .3s ease,filter .3s ease}.play-icon-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0000004d;color:#fff;font-size:48px;pointer-events:none;opacity:.8}.chat-bubble-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:4px 8px}.message-full-date{font-size:11px;opacity:.6;white-space:nowrap}.seen-status{position:relative;width:16px;height:16px;color:#a1a1aa}.seen-status .check-1{position:absolute;top:0;left:3px;font-size:16px}.seen-status .check-2{position:absolute;top:0;left:-2px;font-size:16px;opacity:0;transition:opacity .3s}.seen-status.seen{color:#90ee90}.seen-status.seen .check-2{opacity:1}.media-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.media-modal-content{position:relative;max-width:90vw;max-height:85vh;display:flex;justify-content:center;align-items:center}.media-element{max-width:100%;max-height:100%;border-radius:8px;object-fit:contain}.media-modal-actions{position:absolute;top:20px;right:20px;display:flex;gap:15px;z-index:2001}.modal-action-btn{background-color:#1e1e1eb3;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px;transition:background-color .2s;text-decoration:none}.modal-action-btn:hover{background-color:#000000e6}.reports-page-container{display:flex;flex-direction:column;height:100%;background-color:#f8fafc}.reports-body{flex-grow:1;padding:10px;overflow-y:auto}.reports-footer{display:flex;justify-content:center;align-items:center;padding:15px;background-color:#fff;border-top:1px solid #f0f0f0;gap:10px;font-family:inherit}.reports-footer label{font-size:14px;color:#4a5568}.date-picker-input{border:1px solid #e2e8f0;background-color:#f8fafc;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;outline:none;cursor:pointer}.reports-status-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#64748b}.spinner{animation:spin 1.5s linear infinite}.DatePicker{position:relative;display:inline-block;z-index:100}.DatePicker__input{background:#fff;border:1px solid #ddd;padding:.4em .8em;font-family:inherit;text-align:center;font-size:12px}.DatePicker__input.-rtl{direction:rtl}.DatePicker__input::placeholder{color:#979797}.DatePicker__calendarContainer.-top+.DatePicker__calendarArrow{top:auto;bottom:calc(100% + 10px);transform:translateY(-2.5rem) rotate(180deg);animation:fadeArrowFlipped .3s forwards}.DatePicker__calendarContainer{position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%)}.DatePicker__calendarContainer.-top{top:auto;bottom:calc(100% + 20px)}.Calendar,.Calendar *{margin:0;padding:0;box-sizing:border-box;direction:ltr}.Calendar,.Calendar.-rtl *{direction:rtl}.DatePicker__calendarArrow{position:absolute;width:0;height:0;top:calc(100% + 10px);left:0;right:0;margin:0 auto;border-style:solid;z-index:10;border-width:0 10px 10px 10px;border-color:transparent transparent #fff transparent}.Calendar{--cl-color-black: #444444;--cl-color-disabled: #d4d4d4;--cl-color-error: #ff2929;font-size:10px;background:#fff;box-shadow:0 1em 4em #00000012;border-radius:1em;position:relative;-webkit-user-select:none;user-select:none;padding-top:1.2em;display:flex;flex-direction:column;width:33em;z-index:10;max-width:90vw;min-height:36.7em}.DatePicker .Calendar,.DatePicker__calendarArrow{transform:translateY(2.5em);opacity:0;animation:fadeCalendar .3s forwards}.DatePicker__calendarContainer.-top .Calendar{transform:translateY(-2.5em)}.Calendar.-noFocusOutline *:focus{outline:none!important}.Calendar>:not(.Calendar__footer) button{font-family:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.Calendar__header{display:flex;color:var(--cl-color-black);padding:2em 2.9em;align-items:center;overflow:hidden}.Calendar__monthArrowWrapper{line-height:0;font-size:1em;padding:3px;position:relative;border:none;z-index:1;opacity:1;transition:.2s}.Calendar__monthArrowWrapper:focus{outline:1px dashed rgba(0,0,0,.4);outline-offset:2px}.Calendar__monthArrowWrapper:disabled,.Calendar__monthArrowWrapper.-hidden{opacity:0;pointer-events:none}.Calendar__monthArrowWrapper.-left{transform:rotate(90deg)}.Calendar.-rtl .Calendar__monthArrowWrapper.-left,.Calendar__monthArrowWrapper.-right{transform:rotate(-90deg)}.Calendar.-rtl .Calendar__monthArrowWrapper.-right{transform:rotate(90deg)}.Calendar__monthArrowWrapper:active .Calendar__monthArrow{transform:scale(.7)}.Calendar__monthArrow{border-radius:50%;transition:var(--animation-duration) transform;pointer-events:none;background-repeat:no-repeat;display:block;width:1.7em;height:1.7em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg class='nc-icon-wrapper' fill='%23000000'%3E%3Cdefs stroke='none'%3E%3C/defs%3E%3Cpath class='cls-1' d='M12 23.25V.75' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5px'%3E%3C/path%3E%3Cpath class='cls-2' d='M22.5 11.25L12 .75 1.5 11.25' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5px' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%}.Calendar__monthYearContainer{flex:1;position:relative}.Calendar__monthYear{font-size:1.6em;font-weight:500;display:flex;align-items:center;position:absolute;top:0;bottom:0;left:50%;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);transition:var(--animation-duration);line-height:1}.Calendar__monthYear.-hiddenNext{opacity:0;transform:translate(50%)}.Calendar.-rtl .Calendar__monthYear.-hiddenNext{transform:translate(-150%)}.Calendar__monthYear.-hiddenPrevious{opacity:0;transform:translate(-150%)}.Calendar.-rtl .Calendar__monthYear.-hiddenPrevious{transform:translate(50%)}.Calendar__monthYear.-shown{opacity:1;margin-top:auto;margin-bottom:auto;transform:translate(-50%)}.Calendar__monthYear.-shownAnimated{animation:var(--animation-duration) fadeTextToCenter forwards}.Calendar__monthYear>*{padding:.2em .5em;border:1px solid transparent;transition:var(--animation-duration);font-size:1.05em;display:flex;justify-content:center;align-items:center;transform:translate(0) scale(.95);will-change:transform;border-radius:5px}.Calendar__monthYear:not(.-shown)>*,.Calendar__monthYear>*.-hidden{cursor:default;pointer-events:none}.Calendar__monthText{margin-left:-.3em}.Calendar__yearText:last-child{margin-right:-.3em}.Calendar__monthYear.-shown>*:hover,.Calendar:not(.-noFocusOutline) .Calendar__monthYear.-shown>*:focus,.Calendar__monthYear>*.-activeBackground{background:#f5f5f5}.Calendar__monthText:hover{transform:translate(-.2em) scale(.95)}.Calendar.-rtl .Calendar__monthText:hover,.Calendar__yearText:hover{transform:translate(.2em) scale(.95)}.Calendar.-rtl .Calendar__yearText:hover{transform:translate(-.2em) scale(.95)}.Calendar__monthYear .Calendar__yearText.-hidden{transform:translate(50%);opacity:0}.Calendar.-rtl .Calendar__monthYear .Calendar__yearText.-hidden{transform:translate(-50%)}.Calendar__monthYear .Calendar__monthText.-hidden{transform:translate(-50%);opacity:0}.Calendar.-rtl .Calendar__monthYear .Calendar__monthText.-hidden{transform:translate(50%)}.Calendar__monthYear:not(.-shown)>*{pointer-events:none}.Calendar__monthSelectorAnimationWrapper,.Calendar__yearSelectorAnimationWrapper{position:absolute;width:100%;height:80%;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.Calendar__monthSelectorWrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.Calendar__monthSelector{padding:0 2.5em 2em;align-content:center}.Calendar__monthSelector,.Calendar__yearSelector{display:flex;flex-wrap:wrap;position:relative;z-index:2;background-color:#fff;transform:translateY(-150%);will-change:transform;transition:.6s;height:100%}.Calendar__yearSelectorWrapper{width:100%;height:100%}.Calendar__yearSelectorWrapper:after,.Calendar__yearSelectorWrapper:before{content:"";width:100%;height:5em;position:absolute;left:0;opacity:0;transition:.4s;transition-delay:.2s}.Calendar__yearSelectorWrapper:after{background-image:linear-gradient(to bottom,#fff,#fff 10%,#f5f5f500);top:-.1em}.Calendar__yearSelectorWrapper:before{background-image:linear-gradient(to top,#fff,#fff 10%,#f5f5f500);bottom:0}.Calendar__yearSelectorWrapper.-faded:after,.Calendar__yearSelectorWrapper.-faded:before{opacity:1;z-index:3}.Calendar__yearSelector{align-content:flex-start;scrollbar-width:0;overflow:scroll;position:relative;width:100%;padding:5em 2em;-ms-overflow-style:none}.Calendar__yearSelector::-webkit-scrollbar{display:none}.Calendar__yearSelectorItem{width:25%;display:flex;justify-content:center}.Calendar__yearSelectorItem:not(:nth-child(-n+4)){margin-top:1.5em}.Calendar__yearSelectorText{border:none;font-size:1.4em;min-width:85%;padding:.2em .5em;border-radius:8.5px}.Calendar__monthSelector.-open,.Calendar__yearSelector.-open{transform:translateY(0)}.Calendar__yearSelectorText:focus,.Calendar__monthSelectorItemText:focus{outline:1px dashed rgba(0,0,0,.4);outline-offset:2px}.Calendar__monthSelectorItem{width:calc(100% / 3);display:flex;justify-content:center}.Calendar__monthSelectorItem:not(:nth-child(-n+3)){margin-top:2em}.Calendar__monthSelectorItemText{border:none;padding:.4em;border-radius:8.5px;font-size:1.3em;min-width:70%;transition:.3s}.Calendar__monthSelectorItem:not(.-active) .Calendar__monthSelectorItemText:not(:disabled):hover,.Calendar__yearSelectorItem:not(.-active) .Calendar__yearSelectorText:not(:disabled):hover{background:#f5f5f5}.Calendar__monthSelectorItemText:disabled,.Calendar__yearSelectorText:disabled{opacity:.5;cursor:default}.Calendar__monthSelectorItem.-active .Calendar__monthSelectorItemText,.Calendar__yearSelectorItem.-active .Calendar__yearSelectorText{background-color:var(--cl-color-primary);color:#fff}.Calendar__weekDays{display:flex;justify-content:space-between;color:var(--cl-color-disabled);font-size:1.2em;margin-bottom:.7em;padding:0 2.6em;position:relative}.Calendar__weekDay{display:block;width:calc(100% / 7);text-align:center;text-decoration:none}.Calendar__sectionWrapper{position:relative;min-height:25.8em;overflow:hidden}.Calendar__section{display:flex;flex-direction:column;padding:.5em 3.2em 0;position:absolute;color:var(--cl-color-black);top:0;left:0;width:100%;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;transition:var(--animation-duration)}.Calendar__section.-hiddenPrevious{opacity:.5;transform:translate(-90%)}.Calendar.-rtl .Calendar__section.-hiddenPrevious{transform:translate(90%)}.Calendar__section.-hiddenNext{opacity:.5;transform:translate(90%)}.Calendar.-rtl .Calendar__section.-hiddenNext{transform:translate(-90%)}.Calendar__section.-shown{opacity:1;transform:translate(0)}.Calendar__section.-shownAnimated{animation:var(--animation-duration) FadeContentToCenter forwards}.Calendar__weekRow{display:flex;width:100%}.Calendar__day{display:block;width:calc(100% / 7);text-align:center;padding:calc(.25em - 1px) 0;font-size:1.6em;border-radius:50%;transition:.2s;border:1px solid transparent;margin-bottom:.3em;color:#000c;display:flex;justify-content:center;align-items:center;cursor:pointer}.Calendar__day:focus{outline:1px dashed rgba(0,0,0,.4);outline-offset:2px}.Calendar__day.-ltr{min-height:2.6em;font-size:1.45em}.Calendar__day.-rtl{font-size:1.55em;height:2.45em}.Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover{background:#eaeaea;border-radius:50%;color:var(--cl-color-black);border-color:transparent}.Calendar__day.-selected,.Calendar__day.-selectedStart,.Calendar__day.-selectedEnd{background:var(--cl-color-primary);color:#fff}.Calendar__day.-ltr.-selectedStart{border-radius:100em 0 0 100em}.Calendar__day.-rtl.-selectedStart{border-radius:0 100em 100em 0}.Calendar__day.-selectedBetween{background:var(--cl-color-primary-light);color:var(--cl-color-primary);border-radius:0}.Calendar__day.-ltr.-selectedEnd{border-top-right-radius:100em;border-bottom-right-radius:100em}.Calendar__day.-rtl.-selectedEnd{border-top-left-radius:100em;border-bottom-left-radius:100em}.Calendar__day.-weekend:not(.-selected):not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween){color:var(--cl-color-error)}.Calendar__day.-weekend.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):after{background:var(--cl-color-error)}.Calendar__day.-disabled{color:var(--cl-color-disabled)!important;background:transparent!important;cursor:default!important}.Calendar__day.-selected{border-radius:50%}.Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween){font-weight:600;color:var(--cl-color-black);color:#000;position:relative}.Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):after{content:"";position:absolute;bottom:.2em;display:block;width:.6em;height:1px;background:#000;left:50%;opacity:.5;transform:translate(-50%);transition:.2s}.Calendar__day.-today:hover:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):after{opacity:0}.Calendar__day.-blank{color:transparent;cursor:default;pointer-events:none}.Calendar__footer{position:relative;z-index:1}@keyframes fadeCalendar{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes fadeArrowFlipped{0%{opacity:0}to{opacity:1;transform:translateY(0) rotate(180deg)}}@keyframes fadeTextToCenter{to{opacity:1;transform:translate(-50%)}}@keyframes FadeContentToCenter{to{opacity:1;transform:translate(0)}}.app-title-profile{text-align:center;font-size:35px;font-weight:800}.profile-final-container{min-height:100vh;background-color:#f0f8ff;padding-bottom:20px}.profile-final-header{background-color:#a8dadc;padding:20px 20px 100px;display:flex;flex-direction:column;align-items:center;position:relative;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.header-final-title{display:none}.header-final-content{display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:row-reverse}.avatar-final-wrapper{position:relative;width:120px;height:120px;flex-shrink:0;z-index:100;background-color:#ffe08a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none}.profile-final-avatar{width:90%;height:90%;border-radius:50%;border:none;background:#eee;object-fit:cover}.edit-avatar-final-btn{position:absolute;top:5px;right:5px;background-color:#fff;border:1px solid #ddd;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;color:#333;z-index:110}.name-section-final{background:none;padding:0;border-radius:0;text-align:left;flex:1;max-width:none;color:#212529}.name-section-final h2{margin:0;font-size:24px;font-weight:700;color:#212529}.name-section-final p{margin:4px 0 0;font-size:18px;color:#495057}.profile-final-content{padding:0 20px;margin-top:-60px;position:relative;z-index:10}.details-final-card{background-color:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 25px #00000012;text-align:left}.details-final-card h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#343a40}.detail-final-item{display:block;padding:8px 0;font-size:16px;border-bottom:none;color:#343a40}.detail-final-item:last-child{border-bottom:none}.detail-final-item p{margin:0;display:inline;font-weight:500;color:#343a40}.detail-final-item strong{color:#343a40;font-weight:500;margin-left:5px}.action-links-final-container{margin-top:25px;display:flex;flex-direction:column;gap:15px}.action-link-final-btn{background-color:#d4edda;color:#155724;border:none;border-radius:15px;padding:15px 20px;font-size:17px;font-weight:600;font-family:inherit;display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:0 4px 10px #0000000d}.action-link-final-btn:hover{background-color:#c3e6cb;box-shadow:0 6px 15px #0000001a}.logout-final-btn{width:100%;margin-top:25px;background-color:#ef4444;color:#fff;border:none;border-radius:15px;padding:15px;font-size:17px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:0 4px 10px #0000000d}.logout-final-btn:hover{background-color:#dc2626;box-shadow:0 6px 15px #0000001a}.name-section-final{background:none;padding:0;border-radius:0;text-align:right;flex:1;max-width:none;color:#212529}.details-final-card{background-color:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 25px #00000012;text-align:right}.detail-final-item{display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;padding:8px 0;font-size:16px;border-bottom:none;color:#343a40}.action-link-final-btn{background-color:#d4edda;color:#155724;border:none;border-radius:15px;padding:15px 20px;font-size:17px;font-weight:600;font-family:inherit;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:right;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:0 4px 10px #0000000d}.shop-page-container{max-width:1200px;margin:0 auto;padding:20px 20px 55px}.shop-header{margin-bottom:2rem}.sale-banner{background:linear-gradient(90deg,#60a5fa,#3b82f6);color:#fff;padding:1rem;border-radius:12px;text-align:center;font-size:1rem}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shop-footer{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:100}.cart-button{background-image:linear-gradient(to right,#8e44ad,#9b59b6 51%,#8e44ad);border:none;border-radius:30px;padding:10px 35px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #8e44ad66;transition:all .3s ease;background-size:200% auto}.cart-button:hover{background-position:right center;box-shadow:0 8px 20px #8e44ad80;transform:translateY(-2px)}.user-credit-banner{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#f0f9ff;color:#0c4a6e;padding:12px;border-radius:12px;font-size:16px;font-weight:500;margin-top:1rem;border:1px solid #e0f2fe}.user-credit-banner strong{font-weight:700;margin-right:5px}.success-banner{background-color:#dcfce7;color:#166534;padding:1rem;border-radius:12px;text-align:center;font-size:1rem;font-weight:600;margin-top:1rem}.product-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.product-image-container{width:100%;padding-top:100%;position:relative;background-color:#f5f5f5}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.product-name{padding:.5rem 1rem;font-size:1rem;font-weight:600;text-align:right;color:#333}.product-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem 1rem;margin-top:auto}.product-price{font-size:1rem;font-weight:700;color:#2c3e50}.cart-control-container{min-height:44px;display:flex;align-items:center}.add-to-cart-icon-btn{background:#3498db;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.3rem;box-shadow:0 4px 8px #3498db4d;transition:all .2s ease-in-out;padding-right:6px}.add-to-cart-icon-btn:hover{background:#2980b9;transform:scale(1.1);box-shadow:0 6px 12px #3498db66}.quantity-control{display:flex;align-items:center;gap:12px;background-color:#f1f2f6;border-radius:22px;padding:4px}.quantity-control button{background-color:#fff;border:1px solid #e0e0e0;color:#333;cursor:pointer;font-size:1.4rem;font-weight:600;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000014;transition:all .2s ease}.quantity-control button:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001f}.quantity-control button:last-child{color:#e74c3c}.quantity-control button:first-child{color:#27ae60}.quantity-control span{font-size:1.2rem;font-weight:700;min-width:25px;text-align:center;color:#2c3e50}.product-footer.in-cart{display:flex;justify-content:center}.modal-overlay-cart{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content-cart{background-color:#fff;padding:30px;border-radius:20px;width:90%;max-width:400px}.modal-content-cart h2{margin-top:0}.cart-items-list{list-style:none;padding:0;margin:20px 0}.cart-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.cart-total{display:flex;justify-content:space-between;font-weight:700;margin-top:20px;font-size:18px}.close-modal-btn{width:100%;margin-top:20px;padding:12px;border-radius:12px;background-color:var(--primary-color);color:#fff;border:none;font-size:16px;cursor:pointer}.cart-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.confirm-purchase-btn{width:100%;padding:12px;border-radius:12px;background-color:#27ae60;color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.confirm-purchase-btn:hover:not(:disabled){background-color:#229954}.confirm-purchase-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.close-modal-btn{background-color:#f1f2f6;color:#333}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;animation:spin 1s linear infinite}.scores-page-container{background-color:#f7f8fc;min-height:100vh;display:flex;flex-direction:column}.scores-header{display:flex;justify-content:center;align-items:center;padding:20px}.scores-header h2{font-size:22px;font-weight:700;margin:0}.header-icon{font-size:24px}.scores-content{padding:0 20px;flex-grow:1}.points-card{background:linear-gradient(135deg,#fde68a,#f59e0b,#facc15);border-radius:25px;padding:40px 20px;text-align:center;color:#fff;margin-bottom:25px;box-shadow:0 10px 30px #f59e0b4d}.points-value{font-size:48px;font-weight:800}.points-value span{display:block;font-size:20px;font-weight:600;opacity:.9}.scores-tabs-container{display:flex;margin-bottom:25px}.score-tab-button{flex:1;padding:12px;border:none;background-color:#fff;color:#64748b;font-family:inherit;font-size:20px;font-weight:800;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:center;background-color:#fff;padding:15px;border-radius:15px;box-shadow:0 4px 20px #0000000d}.activity-icon{font-size:40px;color:#8b5cf6;margin-left:0;margin-bottom:2px}.activity-text{flex-grow:1;font-weight:600;color:#334155;margin:0}.activity-points{font-weight:700;color:#4ade80}.scores-footer{padding:20px;text-align:center}.progress-bar-container{background-color:#eef2f7;border-radius:50px;height:10px;margin-bottom:10px}.progress-bar{background-color:#f5c542;height:100%;border-radius:50px;transition:width .5s ease-in-out}.progress-text{font-weight:600;color:#64748b;margin:0}.activity-details{flex-grow:1;text-align:right;margin:0 15px}.activity-text{font-weight:600;color:#334155;margin:0 0 4px}.activity-source{font-size:12px;color:#94a3b8;margin:0}.activity-points{white-space:nowrap}.score-tab-button.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #3b82f64d}.activity-item:last-child{margin-bottom:20px}.class-card-v2{display:flex;align-items:center;padding:20px;border-radius:20px;background-color:#fff;box-shadow:0 8px 30px #00000014;gap:15px}.class-icon-container{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background-color:#dbeafe;color:#1e40af}.class-card-v2.upcoming .class-icon-container{background-color:#dcfce7;color:#065f46}.class-card-v2.live-now .class-icon-container{background-color:#ffedd5;color:#9a3412}.class-card-v2.completed .class-icon-container{background-color:#f3f4f6;color:#4b5563}.class-details-v2{flex-grow:1;text-align:right}.class-title-v2{font-size:18px;font-weight:700;margin:0 0 5px;color:#1e293b}.teacher-name-v2,.class-time-v2{font-size:14px;color:#64748b;margin:0}.class-action-v2{display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:auto}.teacher-avatar-v2{width:40px;height:40px;border-radius:50%;object-fit:cover}.join-button-v2{border:none;border-radius:50px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.join-button-v2.green{background-color:#16a34a;color:#fff}.join-button-v2.red{background-color:#ef4444;color:#fff}.status-tag-v2{padding:8px 15px;border-radius:50px;font-weight:600;font-size:14px}.status-tag-v2.blue{background-color:#bfdbfe;color:#1d4ed8}.status-tag-v2.gray{background-color:#e5e7eb;color:#4b5563}.class-page-container{padding:20px;background-color:#f8fafc}.class-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.class-page-header h1{font-size:24px;font-weight:800;margin:0;color:#1e293b}.header-icon-class{font-size:24px;color:#64748b}.class-list{display:flex;flex-direction:column;gap:15px}.homework-page-container{padding:20px;background-color:#f8fafc}.homework-page-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.header-icon-homework{font-size:28px;color:#64748b}.homework-page-header h1{font-size:28px;font-weight:800;margin:0;color:#1e293b}.homework-tabs-container{display:flex;background-color:#eef2f7;border-radius:15px;padding:5px;margin-bottom:25px}.homework-tab-button{flex:1;padding:12px;border:none;background-color:transparent;color:#64748b;font-family:inherit;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer}.homework-tab-button.active{background-color:#fff;color:#1e293b;box-shadow:0 4px 15px #00000014}.homework-list{display:flex;flex-direction:column;gap:15px}.homework-footer{margin-top:30px;text-align:center}.homework-footer p{font-weight:600;color:#64748b}.homework-progress-bar-container{background-color:#eef2f7;border-radius:50px;height:8px}.homework-progress-bar{background-color:#3b82f6;height:100%;border-radius:50px}.homework-card{display:flex;align-items:center;padding:20px;border-radius:20px;box-shadow:0 8px 30px #00000014;gap:15px}.homework-card.blue{background-color:#dbeafe}.homework-card.green{background-color:#dcfce7}.homework-card.yellow{background-color:#fef9c3}.homework-icon-container{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;flex-shrink:0}.blue .homework-icon-container{background-color:#93c5fd;color:#1e40af}.green .homework-icon-container{background-color:#a7f3d0;color:#065f46}.yellow .homework-icon-container{background-color:#fde68a;color:#a16207}.pending-indicator{position:absolute;top:0;right:0;width:12px;height:12px;background-color:#3b82f6;border-radius:50%;border:2px solid #dbeafe}.submitted-indicator{position:absolute;bottom:-5px;right:-5px;color:#16a34a;background-color:#fff;border-radius:50%;font-size:20px}.homework-details{flex-grow:1;text-align:right}.homework-title{font-size:18px;font-weight:700;margin:0 0 5px;color:#1e293b}.homework-due-date{font-size:14px;color:#64748b;margin:0}.more-options-btn{background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;color:#9ca3af}.modal-overlay-homework{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:flex-end;z-index:1000;height:calc(100vh - 70px)}.modal-content-homework{background-color:#fff;padding:25px;border-radius:25px 25px 0 0;width:100%;max-width:500px;box-sizing:border-box;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content-homework h3{margin:0 0 10px}.modal-content-homework p{color:#64748b;margin-bottom:20px}.attachment-section h4{margin:0 0 10px;font-size:16px}.attachment-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#3b82f6;font-weight:600}.upload-button{width:100%;padding:15px;margin-top:20px;background-color:#3b82f6;color:#fff;border:none;border-radius:15px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}.chat-page-container-v2{display:flex;flex-direction:column;height:100vh;background-color:#fff}.chat-header-v2{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-bottom:1px solid #f0f0f0}.contact-info-v2{display:flex;align-items:center;gap:12px}.contact-avatar-v2{width:45px;height:45px;border-radius:50%}.contact-details-v2 h3{margin:0;font-size:18px;color:#1a202c}.online-indicator-v2{width:10px;height:10px;background-color:#f59e0b;border-radius:50%;margin-top:4px}.back-button-v2{background:none;border:none;font-size:24px;cursor:pointer;color:#4a5568}.chat-actions-bar{display:flex;justify-content:center;gap:10px;padding:15px;background-color:#f8fafc}.action-button{border:none;border-radius:50px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.action-button.green{background-color:#16a34a;color:#fff}.action-button.blue{background-color:#e0e7ff;color:#4338ca}.chat-body-v2{flex-grow:1;padding:20px;overflow-y:auto;background-color:#f8fafc}.chat-footer-v2{display:flex;align-items:center;gap:10px;padding:10px 15px;background-color:#fff;border-top:1px solid #f0f0f0}.message-input-v2{min-width:0;flex-grow:1;border:none;background-color:#f1f5f9;padding:14px 20px;border-radius:50px;text-align:right;outline:none!important;border:none!important}.attach-btn-v2,.send-btn-v2{background:none;border:none;font-size:22px;cursor:pointer;color:#94a3b8;padding:8px;min-width:40px}.send-btn-v2{color:var(--primary-color);min-width:40px}.chat-footer-v2{padding:0;border-top:1px solid #f0f0f0;background-color:#fff}.message-composer{width:100%;display:flex;flex-direction:column}.input-row{display:flex;align-items:center;gap:10px;padding:10px 15px}.attachment-preview-container{position:relative;padding:5px;background-color:#f1f5f9;background-color:#fff;border-bottom:1px solid #e2e8f0}.preview-media{border-radius:10px;background:#fff;max-height:450px;object-fit:cover;width:100%;object-fit:fill}.close-preview-btn{position:absolute;top:5px;left:10px;background-color:#00000080;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;padding:0}.attachment-preview-container-v2{background-color:#f1f5f9;padding:8px 12px;border-bottom:1px solid #e2e8f0;position:relative;display:flex;align-items:center}.preview-content{display:flex;align-items:center;gap:10px;width:100%}.preview-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover}.file-icon-container{width:40px;height:40px;border-radius:6px;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.file-name-preview{font-size:14px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-preview-btn-v2{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:20px;padding:4px;margin-left:10px}.is-loading-more-container{display:flex;justify-content:center;align-items:center;padding:5px}.splash-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden;position:relative}.splash-content{z-index:2;text-align:center}.splash-title{font-size:68px;font-weight:800;color:var(--accent-color);margin:0;letter-spacing:-1px}.splash-title span{color:var(--primary-color)}.splash-text{font-size:18px;color:var(--text-color-light);margin-top:10px;opacity:.8}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.update-container{text-align:center;padding:40px}.update-title{font-size:24px;color:var(--primary-color)}.update-text{font-size:16px;color:var(--text-color);margin:20px 0}.update-button{background:var(--primary-color);color:#fff;padding:12px 30px;border-radius:10px;border:none;font-size:18px;cursor:pointer}