.layout{align-items:stretch;display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0e3d1f,#1f7a3c);color:#fff;display:flex;flex-direction:column;height:100vh;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:220px}.logo{align-items:center;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:30px;padding-left:50px;padding-top:6px}.logo-dot{background:#7dff9b;border-radius:50%;height:10px;width:10px}.nav-menu{display:flex;flex-direction:column;gap:12px}.menu-item{align-items:center;border-radius:8px;color:#fff;display:flex;gap:8px;padding:8px 10px;text-decoration:none;transition:.2s}.menu-item:hover{background:#ffffff26}.bell-icon{width:18px}.notification-item{position:relative}.notification-badge{background:red;border-radius:50%;color:#fff;font-size:11px;padding:2px 6px;position:absolute;right:5px;top:-3px}.logout-btn{background:#2b9c52;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px;transition:.2s;width:100%}.logout-btn:hover{background:#34b864;background:#ffffff26}.main-content{-ms-overflow-style:none;background:#f7f9f8;flex:1 1;overflow-y:auto;padding:30px;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none;width:0}.notification-dropdown{background:#fff;border-left:4px solid #3cb371;border-radius:10px;box-shadow:0 6px 18px #00000026;left:0;max-height:400px;overflow-y:auto;padding:10px;position:absolute;top:100%;transform:translateX(-20px);width:260px;z-index:9999}.notification-item-row{padding:12px;transition:background .2s ease}.notification-item-row:last-child{border-bottom:none}.notification-dropdown::-webkit-scrollbar{display:none;width:0}.notification-dropdown{-ms-overflow-style:none;scrollbar-width:none}.notification-empty{color:#888;text-align:center}.notification-item-row{gap:10px;padding:8px}.notification-icon{font-size:16px}.notification-text{font-size:14px}.notification-item-row{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:14px;padding:10px}.notification-text{color:#333;line-height:1.4}.notification-popup{background:#fff;border-radius:10px;bottom:90px;box-shadow:0 4px 12px #0003;cursor:pointer;font-size:14px;padding:14px 18px;position:fixed;right:20px;z-index:9999}.main-content{padding-bottom:70px}.sleep-popup{background:#1d1d1d;border:1px solid #333;border-radius:16px;box-shadow:0 20px 60px #00000073;color:#fff;left:50%;padding:25px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:340px;z-index:99999}.popup-ok{background:linear-gradient(135deg,#7a5cff,#9d7dff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;min-width:85px;padding:8px 22px;transition:.2s}.popup-ok:hover{transform:scale(1.05)}.popup-message{font-size:16px;line-height:1.5;margin-bottom:18px;margin-top:15px;white-space:pre-line}.sleep-countdown{background:#191919f2;border:1px solid #444;border-radius:999px;bottom:95px;box-shadow:0 8px 25px #00000059;color:#fff;font-size:14px;font-weight:600;left:50%;padding:10px 18px;position:fixed;transform:translateX(-50%);z-index:99999}.messages-badge{background:#21c063;border-radius:999px;box-shadow:0 2px 8px #21c06359;color:#fff;display:flex;font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 6px}.messages-badge,.support-btn{align-items:center;font-weight:700}.support-btn{background:#0000;border:none;color:#2e7d32;cursor:pointer;display:inline-flex;gap:5px;margin-right:8px;transition:all .25s ease}.support-btn:hover{color:#1b5e20;text-shadow:0 0 8px #2e7d3266;transform:scale(1.08)}.support-btn:active{transform:scale(1.25)}@keyframes plantPulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.supported{animation:plantPulse .3s ease}.story-row::-webkit-scrollbar{display:none}.story-row,body,html{scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.profile-container{font-family:Arial,sans-serif;margin:60px auto;max-width:750px}.profile-header{background:#fcfdfb;border:1px solid #e8efe8;border-radius:24px;box-shadow:0 12px 30px #0000000f;margin-bottom:40px;padding:40px 30px;text-align:center}.profile-header h1{color:#222;font-size:48px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.profile-joined{color:#777;font-size:14px;margin-bottom:25px}.connect-button{background-color:#2e7d32;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:15px;margin-top:15px;padding:10px 22px;transition:all .2s ease}.connect-button:hover{box-shadow:0 6px 14px #2e7d324d;transform:translateY(-2px)}.profile-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-top:30px}.grid-item{align-items:center;display:flex;flex-direction:column}.stat-number{color:#111;font-size:28px;font-weight:700}.stat-label{color:#777;font-size:13px;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.profile-posts{margin-top:30px}.profile-card{background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;margin-bottom:20px;padding:20px}.profile-actions{color:#555;display:flex;font-size:14px;gap:25px;margin-top:15px}.profile-upload-section{align-items:center;display:flex;gap:14px;justify-content:center;margin:20px 0 30px}.choose-photo-btn{background:#2e7d32;border-radius:12px;box-shadow:0 6px 18px #2e7d3240;color:#fff;cursor:pointer;font-weight:600;padding:12px 22px;transition:.25s}.choose-photo-btn:hover{background:#1b5e20;transform:translateY(-2px)}.upload-photo-btn{background:#43a047;border:none;border-radius:12px;box-shadow:0 6px 18px #43a04740;color:#fff;cursor:pointer;font-weight:600;padding:12px 22px;transition:.25s}.upload-photo-btn:hover:not(:disabled){background:#2e7d32;transform:translateY(-2px)}.upload-photo-btn:disabled{background:#cfd8dc;box-shadow:none;color:#777;cursor:not-allowed;opacity:.7}.profile-avatar-wrapper{display:inline-flex;position:relative}.remove-avatar-btn{align-items:center;background:#e53935;border:none;border-radius:50%;bottom:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:26px;justify-content:center;position:absolute;right:4px;transition:.2s ease;width:26px}.remove-avatar-btn:hover{background:#c62828;transform:scale(1.1)}.message-btn{background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:44px;position:absolute;right:30px;top:30px;width:44px}.username-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.username-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #00000040;max-width:90%;padding:28px;width:420px}.username-modal h2{color:#2e7d32;margin:0 0 20px;text-align:center}.username-modal input{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:15px;margin-bottom:16px;padding:13px;width:100%}.username-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.username-modal-buttons button{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:11px 18px}.username-modal-buttons button:first-child{background:#e0e0e0;color:#333}.username-modal-buttons button:last-child{background:#2e7d32;color:#fff}.profile-header-title{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.profile-header-title h1{margin:0}.share-profile-btn{color:#1976d2;cursor:pointer;font-size:22px;position:absolute;right:0;-webkit-user-select:none;user-select:none}.profile-header-title span{position:absolute;right:57px;top:50%;transform:translateY(-50%)}.chat-wrapper{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;height:80vh}.chat-users,.chat-wrapper{display:flex;overflow:hidden}.chat-users{background:#fafafa;border-right:1px solid #eee;flex-direction:column;height:100%;width:260px}.chat-users-list{flex:1 1;overflow-y:auto;padding:20px}.chat-users-list::-webkit-scrollbar{display:none}.chat-users-list{-ms-overflow-style:none;scrollbar-width:none}.chat-user{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.chat-user:hover{background:#f0f4f1;transform:translateX(3px)}.online-dot{border-radius:50%;height:10px;width:10px}.online{background-color:#2e7d32;box-shadow:0 0 6px #2e7d3299}.offline{background-color:#ccc}.chat-main{background:#f9fafb;padding:25px}.chat-main,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{margin-bottom:15px;overflow-y:auto;padding-right:10px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{display:none}.chat-messages{-ms-overflow-style:none;scrollbar-width:none}.chat-bubble{word-wrap:break-word;animation:fadeInUp .25s ease;border-radius:18px;box-shadow:0 2px 6px #0000000d;line-height:1.6;margin-bottom:10px;max-width:80%;padding:12px 18px}.chat-bubble audio{border-radius:12px}.my-message{align-self:flex-end;background:#2e7d32;color:#fff}.other-message{align-self:flex-start;background:#e0e0e0;color:#222}.message-time{font-size:12px;margin-top:4px;opacity:.9}.my-message .message-time,.seen-status{text-align:right}.seen-status{font-size:11px;margin-top:3px;opacity:.7}.chat-input{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding-top:12px}.chat-input input{border:1px solid #ddd;border-radius:20px;flex:1 1;outline:none;padding:10px 14px;transition:border .2s ease}.chat-input input:focus{border-color:#2e7d32}.chat-input button{background-color:#2e7d32;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:8px 18px;transition:all .2s ease}.chat-input button:hover{box-shadow:0 4px 12px #2e7d324d;transform:translateY(-1px)}.chat-input button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.badge{background:red;border-radius:50%;color:#fff;font-size:11px;margin-left:6px;padding:2px 6px}.typing-indicator{align-items:center;color:#2e7d32;display:flex;font-size:13px;font-style:italic;gap:6px;margin-bottom:8px}.typing-indicator:after{animation:blink 1.4s infinite both;content:"● ● ●"}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%{opacity:.2}20%{opacity:1}40%{opacity:.2}60%{opacity:1}80%{opacity:.2}to{opacity:1}}.chat-header{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:8px}.chat-header-status{font-size:12px;opacity:.7}.chat-header-right{align-items:center;display:flex;gap:12px}.call-button{align-items:center;background:#2e7d32;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:.2s ease;width:34px}.call-button:hover{background:#1b5e20;transform:scale(1.05)}.video-call-box{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.local-video{height:140px;width:220px}.local-video,.remote-video{background:#000;border-radius:12px;object-fit:cover}.remote-video{height:320px;width:100%}.chat-input textarea{border:1px solid #ccc;border-radius:20px;flex:1 1;font-size:14px;max-height:120px;min-height:42px;overflow-y:hidden;padding:10px 15px;resize:none}.delete-message-btn{background:#0000;border:none;cursor:pointer;float:right;font-size:12px;opacity:.6}.delete-message-btn:hover{opacity:1}.chat-bubble{position:relative}.message-menu{cursor:pointer;display:none;font-size:16px;font-weight:700;position:absolute;right:8px;top:6px}.chat-bubble:hover .message-menu{display:block}.missed-call-sent{color:#000}.missed-call-received,.missed-call-sent{align-items:center;display:flex;font-weight:700;gap:6px}.missed-call-received{color:#d32f2f}.chat-user-info{align-items:center;display:flex;justify-content:space-between;width:100%}.chat-user-text{flex:1 1}.unread-badge{align-items:center;background:#21c063;border-radius:9999px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px}.chat-file-upload-info{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;margin:8px 0;padding:8px 12px}.chat-file-row{align-items:center;display:flex;gap:10px}.chat-file-icon{flex-shrink:0;font-size:18px}.chat-file-name{flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-remove{background:none;border:none;color:#d32f2f;cursor:pointer;flex-shrink:0;font-size:18px}.chat-attach-btn{font-size:22px;margin-right:8px}.chat-attach-btn,.image-preview-overlay{align-items:center;cursor:pointer;display:flex}.image-preview-overlay{background:#000000d9;inset:0;justify-content:center;position:fixed;z-index:9999}.image-preview{border-radius:12px;max-height:90vh;max-width:90vw;object-fit:contain}.chat-upload-progress{align-items:center;display:flex;gap:10px;margin-top:10px}.chat-progress-track{background:#e5e5e5;border-radius:999px;flex:1 1;height:8px;overflow:hidden}.chat-progress-fill{background:#2e7d32;border-radius:999px;height:100%;transition:width .15s linear}.chat-upload-progress span{color:#555;font-size:12px;font-weight:600;min-width:38px;text-align:right}.chat-download-btn{background:#2e8b57;border-radius:8px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-top:8px;padding:6px 12px;text-decoration:none;transition:background .2s ease}.chat-download-btn:hover{background:#257048}.call-bubble,.call-declined-my{background:#f4f4f4;color:#222}.call-declined-my{align-self:flex-end}.call-declined-other{align-self:flex-start;background:#f4f4f4;color:#222}.call-bubble{min-width:190px;white-space:nowrap}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0}.register-page{align-items:center;background:#edf7ef;display:flex;justify-content:center;min-height:100vh;padding:40px}.register-card{background:#fff;border-radius:28px;box-shadow:0 18px 45px #0000001f;display:flex;flex-direction:column;max-width:520px;padding:40px;width:100%}.register-title{color:#1b5e20;font-size:38px;font-weight:700;margin-bottom:35px;text-align:center}.register-input{border:2px solid #d8e7d9;border-radius:14px;box-sizing:border-box;font-size:16px;margin-bottom:18px;outline:none;padding:16px;transition:.25s;width:100%}.register-input:focus{border-color:#43a047;box-shadow:0 0 0 4px #43a0472e}.register-button{background:linear-gradient(90deg,#2e7d32,#43a047);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:20px;padding:16px;transition:.25s;width:100%}.register-button:hover{box-shadow:0 12px 25px #43a04759;transform:translateY(-2px)}.register-button:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed}.back-login{color:#2e7d32;cursor:pointer;font-weight:600;margin-top:30px;text-align:center;transition:.25s}.back-login:hover{color:#1b5e20;text-decoration:underline}.password-wrapper{margin-bottom:18px;position:relative;width:100%}.password-wrapper .register-input{margin-bottom:0;padding-right:55px}.password-toggle{background:#0000;border:none;color:#2e7d32;cursor:pointer;font-size:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:.2s}.password-toggle:hover{transform:translateY(-50%) scale(1.15)}input::-ms-clear,input::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-textfield-decoration-container{display:none!important}.password-checklist{margin-bottom:18px;margin-top:12px}.password-checklist p{font-size:14px;font-weight:600;margin:6px 0;transition:.25s}.password-checklist .valid{color:#2e7d32}.password-checklist .invalid{color:#c62828}.switch-register-method{color:#2e7d32;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:18px;margin-top:-5px;text-align:left;transition:.2s}.switch-register-method:hover{text-decoration:underline}.login-logo{display:block;margin:10px auto 25px;width:220px}.register-logo{display:block;margin:0 auto 4px;width:220px}.register-subtitle{color:#5f6368;font-size:16px;margin-bottom:18px;margin-top:0}.support-page{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - 40px);padding:40px 24px;width:100%}.support-card{background:#fff;border:1px solid #e8e8e8;border-radius:18px;box-shadow:0 4px 14px #0000000f,0 1px 3px #0000000a;display:flex;flex-direction:column;height:700px;max-width:850px;overflow:hidden;width:100%}.support-header{background:#fff;border-bottom:1px solid #eee;flex-shrink:0;padding:24px 28px}.support-header h2{color:#222;font-size:26px;font-weight:700;line-height:1.2;margin:0 0 7px}.support-header p{color:#6f6f6f;font-size:14px;line-height:1.5;margin:0}.support-chat{align-items:stretch;background:#fafafa;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-start;min-height:0;overflow-x:hidden;padding:24px 26px}.support-empty{color:#888;font-size:14px;line-height:1.7;margin:auto;max-width:380px;text-align:center}.support-message{box-sizing:border-box;flex-shrink:0}.support-message.user{justify-content:flex-end}.support-message.host{justify-content:flex-start}.support-message-bubble{display:block;font-size:15px;line-height:1.4;max-width:68%;overflow-wrap:break-word;word-break:normal}.support-message.user .support-message-bubble{background:#43a047;border-bottom-right-radius:5px;color:#fff}.support-message.host .support-message-bubble{background:#eee;border:1px solid #e3e3e3;border-bottom-left-radius:5px;color:#222}.support-message audio{margin-top:5px;width:280px}.support-input{align-items:stretch;background:#fff;border-top:1px solid #eee;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;padding:18px 20px}.support-input textarea{background:#fff;border:1px solid #d4d4d4;border-radius:12px;box-sizing:border-box;color:#222;flex:1 1;font-family:inherit;font-size:15px;height:64px;line-height:1.4;min-width:0;outline:none;padding:13px 15px;resize:none;transition:border-color .2s ease,box-shadow .2s ease}.support-input textarea::placeholder{color:#999}.support-input textarea:focus{border-color:#43a047;box-shadow:0 0 0 3px #43a0471f}.support-input button{background:#43a047;border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:15px;font-weight:700;transition:background .2s ease,transform .1s ease,opacity .2s ease;width:120px}.support-input button:hover:not(:disabled){background:#388e3c}.support-input button:active:not(:disabled){transform:scale(.98)}.support-input button:disabled{cursor:not-allowed;opacity:.55}.support-chat::-webkit-scrollbar{width:7px}.support-chat::-webkit-scrollbar-track{background:#0000}.support-chat::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.support-chat::-webkit-scrollbar-thumb:hover{background:#aaa}@media (max-width:900px){.support-page{padding:24px 18px}.support-card{height:calc(100vh - 70px);max-height:700px}.support-message-bubble{max-width:75%}}@media (max-width:600px){.support-page{min-height:100vh;padding:12px}.support-card{border-radius:14px;height:calc(100vh - 24px)}.support-header{padding:18px}.support-header h2{font-size:21px}.support-header p{font-size:13px}.support-chat{gap:9px;padding:18px 14px}.support-message-bubble{font-size:14px;max-width:82%;padding:9px 12px}.support-input{gap:8px;padding:12px}.support-input textarea{font-size:14px;height:56px;padding:11px 12px}.support-input button{font-size:14px;width:82px}.support-message audio{width:230px}}.support-date-divider{align-items:center;display:flex;justify-content:center;margin:10px 0 16px}.support-date-divider span{background:#eee;border-radius:999px;color:#777;font-size:11px;font-weight:600;padding:5px 11px}.support-file-upload-info{max-width:220px;min-width:0}.support-file-row{align-items:center;display:flex;gap:7px;min-width:0}.support-file-name{color:#555;display:block;font-size:12px;max-width:175px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-file-remove{align-items:center;background:#43a047;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;width:22px}.support-upload-progress{align-items:center;color:#666;display:flex;font-size:11px;gap:7px;margin-top:6px}.support-progress-track{background:#e5e5e5;border-radius:10px;height:5px;overflow:hidden;width:150px}.support-progress-fill{background:#43a047;border-radius:10px;height:100%;transition:width .15s ease}.support-chat{overflow-y:auto;scrollbar-width:none}.support-chat::-webkit-scrollbar{display:none}.support-typing-indicator{animation:fadeTyping .2s ease;background:#eee;margin:8px 0 12px}.support-typing-indicator:after{animation:typingDots 1s infinite}@keyframes typingDots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}@keyframes fadeTyping{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.support-dashboard{box-sizing:border-box;color:#1f2937;margin:0 auto;max-width:1100px;padding:32px;width:100%}.support-dashboard-header{margin-bottom:24px}.support-dashboard-header h2{color:#1f2937;font-size:30px;font-weight:700;margin:0 0 6px}.support-dashboard-header p{color:#6b7280;font-size:15px;margin:0}.support-dashboard-body{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 28px #0000000f;display:grid;grid-template-columns:320px minmax(0,1fr);height:680px;min-height:0;overflow:hidden}.support-thread-list{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:0}.support-thread-list-header{align-items:center;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;justify-content:space-between;min-height:76px;padding:0 20px}.support-thread-list-header h3{color:#1f2937;font-size:18px;margin:0}.support-thread-count{align-items:center;background:#22c55e;border-radius:999px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px}.support-thread-items{flex:1 1;min-height:0;overflow-y:auto}.support-thread-item{align-items:center;background:#0000;border:0;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:16px 18px;text-align:left;transition:background .2s ease,border-color .2s ease;width:100%}.support-thread-item:hover{background:#f8fafc}.support-thread-item.active{background:#ecfdf3;border-left:4px solid #22c55e;padding-left:14px}.support-thread-avatar{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;min-width:44px;width:44px}.support-thread-info{display:flex;flex-direction:column;gap:3px;min-width:0}.support-thread-info strong{color:#1f2937;font-size:15px}.support-thread-info span,.support-thread-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-thread-info span{color:#6b7280;font-size:12px}.support-conversation-panel{background:#f8fafc;display:flex;flex-direction:column;min-height:0;min-width:0}.support-conversation-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;gap:12px;min-height:76px;padding:0 22px}.support-conversation-header h3{color:#1f2937;font-size:17px;margin:0 0 3px}.support-conversation-header span{color:#6b7280;font-size:12px}.support-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding:22px;scrollbar-width:none}.support-messages::-webkit-scrollbar{display:none}.support-message{display:flex;flex-direction:column;width:100%}.support-message.customer-message{align-items:flex-start}.support-message.host-message{align-items:flex-end}.support-message-bubble{border-radius:16px;box-sizing:border-box;font-size:14px;line-height:1.45;max-width:min(72%,520px);overflow-wrap:anywhere;padding:10px 14px;white-space:pre-wrap;width:-webkit-fit-content;width:fit-content}.customer-message .support-message-bubble{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:5px;box-shadow:0 1px 3px #0000000a;color:#1f2937}.host-message .support-message-bubble{background:#22c55e;border-bottom-right-radius:5px;color:#fff}.support-message audio{display:block;margin-top:6px;max-width:100%;width:min(320px,75%)}.support-reply-box{align-items:flex-end;background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:10px;padding:14px 16px}.support-reply-box textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box;color:#1f2937;flex:1 1;font:inherit;font-size:14px;height:46px;line-height:20px;max-height:120px;min-height:46px;min-width:0;outline:none;padding:12px 14px;resize:none;transition:border-color .2s ease,box-shadow .2s ease}.support-reply-box textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.support-reply-box textarea::placeholder{color:#9ca3af}.support-reply-box button{background:#22c55e;border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:46px;min-width:82px;padding:0 18px;transition:transform .15s ease,opacity .15s ease}.support-reply-box button:hover:not(:disabled){transform:translateY(-1px)}.support-reply-box button:disabled{cursor:not-allowed;opacity:.45}.support-dashboard-status{color:#6b7280;font-size:14px;padding:24px;text-align:center}.support-conversation-placeholder{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:30px;text-align:center}.support-placeholder-icon{font-size:36px;margin-bottom:12px}.support-conversation-placeholder h3{color:#374151;font-size:18px;margin:0 0 7px}.support-conversation-placeholder p{font-size:14px;line-height:1.5;margin:0;max-width:340px}.support-messages::-webkit-scrollbar,.support-thread-items::-webkit-scrollbar{width:6px}.support-messages::-webkit-scrollbar-thumb,.support-thread-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}@media (max-width:900px){.support-dashboard{padding:20px}.support-dashboard-body{grid-template-columns:260px minmax(0,1fr)}}@media (max-width:700px){.support-dashboard{padding:14px}.support-dashboard-header h2{font-size:24px}.support-dashboard-body{grid-template-columns:1fr;height:auto;min-height:650px}.support-thread-list{border-bottom:1px solid #e5e7eb;border-right:0;max-height:260px}.support-conversation-panel{min-height:500px}.support-message-bubble{max-width:85%}}.support-message-time{font-size:11px;margin-top:5px;opacity:.7;text-align:right}.support-date-divider{color:#777;font-size:12px;font-weight:600;margin:18px 0 14px;text-align:center;width:100%}.support-date-divider:before{margin-right:10px}.support-date-divider:after,.support-date-divider:before{background:#ddd;content:"";display:inline-block;height:1px;vertical-align:middle;width:35px}.support-date-divider:after{margin-left:10px}.support-selected-file{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:flex;font-size:12px;gap:6px;max-width:180px;min-width:0;padding:8px 10px}.support-selected-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-remove-file{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;padding:0;width:20px}.support-remove-file:hover{background:#e2e8f0;color:#111827}.support-audio-attachment{display:flex;flex-direction:column;gap:6px;max-width:100%;width:280px}.support-audio-attachment audio{max-width:100%;width:100%}.support-audio-download{align-items:center;align-self:flex-start;background:#ffffff2e;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 10px;text-decoration:none;transition:background .2s ease}.support-audio-download:hover{background:#ffffff4d}.customer-message .support-audio-attachment{background:#eee;border-radius:18px;padding:10px}.host-message .support-audio-attachment{background:#43a047;border-radius:18px;padding:10px}.support-thread-tabs{border-bottom:1px solid #e5e5e5;display:flex;padding:0 12px}.support-thread-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#777;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:12px 6px}.support-thread-tabs button.active{border-bottom-color:#43a047;color:#43a047}.support-thread-tabs button:hover{background:#f7f7f7}.support-claim-button{background:#43a047;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.support-claim-button:hover{background:#388e3c;transform:translateY(-1px)}.support-claim-button:active{transform:scale(.98)}.support-thread-assignment{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.support-assigned-host{color:#2e7d32;font-weight:600}.support-resolve-button{background:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:8px 16px;transition:all .2s ease}.support-resolve-button:hover{background:#1b5e20;transform:translateY(-1px)}.support-resolve-button:active{transform:scale(.98)}.support-thread-search{align-items:center;display:flex;margin:12px 16px 14px;position:relative}.support-thread-search input{background:#f8faf8;border:1px solid #dfe5df;border-radius:12px;box-sizing:border-box;font-size:14px;outline:none;padding:11px 38px 11px 40px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;width:100%}.support-thread-search input:focus{background:#fff;border-color:#43a047;box-shadow:0 0 0 3px #43a0471f;transform:translateY(-1px)}.support-search-icon{font-size:14px;left:13px;opacity:.6;pointer-events:none;position:absolute;z-index:1}.support-search-clear{background:#0000;border:none;border-radius:50%;cursor:pointer;font-size:12px;height:26px;opacity:.55;position:absolute;right:10px;transition:background .2s ease,opacity .2s ease;width:26px}.support-search-clear:hover{background:#e8f5e9;opacity:1}.support-typing-indicator{align-items:center;animation:supportTypingFade .2s ease;background:#f3f3f3;border-radius:18px;color:#666;display:inline-flex;font-size:13px;font-style:italic;margin:10px 0;padding:8px 14px}.support-typing-indicator:after{animation:supportDots 1s infinite;content:"...";margin-left:4px}@keyframes supportDots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}@keyframes supportTypingFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.community-guidelines-page{background:#f5f7fb;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.community-guidelines-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;max-width:900px;padding:40px;width:100%}.community-guidelines-container h1{color:#1f2937;font-size:36px;margin-bottom:15px;text-align:center}.community-guidelines-container h3{color:#2563eb;font-size:22px;font-weight:600;margin-bottom:50px;text-align:center}.welcome-section{margin:40px auto 0;max-width:720px}.welcome-section h2{font-size:2rem;margin-bottom:30px}.welcome-section p{color:#444;font-size:18px;line-height:2;margin:22px 0}.section-divider{display:none}.community-guidelines-container section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 6px 18px #0000000d;margin:40px 0;padding:35px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.community-guidelines-container section:hover{border-color:#d1d5db;box-shadow:0 14px 30px #0000001a;transform:translateY(-4px)}.community-guidelines-container section.allowed-card{border-left:6px solid #22c55e}.community-guidelines-container section.not-allowed-card{background:#fef2f2;border-left:6px solid #ef4444}.community-guidelines-container section.respect-card{background:#fffbeb;border-left:6px solid #f59e0b}.community-guidelines-container section.privacy-card{background:#eff6ff;border-left:6px solid #3b82f6}.community-guidelines-container section.responsibility-card{background:#fff7ed;border-left:6px solid #f97316}.community-guidelines-container section.service-card{background:#f5f3ff;border-left:6px solid #8b5cf6}.community-guidelines-container section.protection-card{background:#f8fafc;border-left:6px solid #64748b}.community-guidelines-container section.enforcement-card{background:#f0fdfa;border-left:6px solid #0f766e}.community-guidelines-container section.terms-card,.community-guidelines-container section.thankyou-card{background:#fdf2f8;border-left:6px solid #ec4899}.community-guidelines-container section h2{margin-bottom:18px}.community-guidelines-container section p{line-height:1.9;margin-bottom:20px}.community-guidelines-container section ul{margin-top:20px;padding-left:0}.community-guidelines-container section li{line-height:1.8;list-style:none;margin-bottom:14px}.language-button{background:linear-gradient(90deg,#2e7d32,#43a047);border:none;border-radius:12px;box-shadow:0 6px 16px #43a04759;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:14px 20px;transition:.25s;width:100%}.language-button:hover{box-shadow:0 10px 22px #43a04773;transform:translateY(-2px)}.verification-page{align-items:center;background:#f5f7f4;display:flex;justify-content:center;min-height:100vh;padding:25px}.verification-card{background:#fff;border-radius:28px;box-shadow:0 15px 40px #00000014;max-width:520px;padding:45px;text-align:center;width:100%}.verification-title{color:#2e7d32;font-size:38px;font-weight:700;margin-bottom:12px}.verification-subtitle{color:#666;font-size:18px;line-height:1.6;margin-bottom:18px}.verification-contact{color:#2e7d32;font-size:18px;font-weight:700}.otp-container{display:flex;gap:12px;justify-content:center;margin-top:35px}.otp-input{border:2px solid #d9e8d9;border-radius:14px;font-size:28px;font-weight:700;height:65px;outline:none;text-align:center;transition:.2s;width:58px}.otp-input:focus{border-color:#2e7d32;box-shadow:0 0 0 4px #2e7d3226}.verify-button{background:#bdbdbd;border:none;border-radius:14px;box-shadow:0 6px 16px #43a04759;color:#fff;cursor:not-allowed;cursor:pointer;font-size:18px;font-weight:700;margin-top:35px;padding:15px;transition:.25s;width:100%}.verify-button:hover{transform:translateY(-2px)}.verify-button:enabled{background:linear-gradient(90deg,#2e7d32,#43a047);cursor:pointer}.verify-button:enabled:hover{transform:translateY(-2px)}
/*# sourceMappingURL=main.a2365051.css.map*/