@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Yekan Bakh,sans-serif!important;direction:rtl;min-height:100dvh;overflow-x:hidden}.ant-input-suffix{font-size:14px;color:#00000040!important}.ant-table-pagination{display:flex;justify-content:center}.ant-table-tbody>tr>td{height:46px!important;padding-block:12px 8px!important}.ant-table-thead>tr>th{height:46px!important;padding-block:12px 8px!important}.ant-tag{padding:1px 8px}.ant-form-item .ant-form-item-label>label:before{display:none!important}.ant-form-item .ant-form-item-label>label:after{display:inline-block;margin-inline-start:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.ant-upload{width:100%}.default-btn{padding:12px 40px}.title{font-size:16px;font-weight:500;margin:0}.login-wrapper{display:flex;align-items:center;justify-content:center;height:100vh;max-height:100vh;background-color:#f3f4f6;font-family:Vazir FD,sans-serif;font-optical-sizing:auto;font-weight:400}.login-form{width:337px;height:284px}.login-container{width:100%}.login-logo{width:92px;height:28px;margin:0 auto}.checkbox-label{color:#000;font-size:14px}.panel-sidebar{padding:24px 0}.logo-container{display:flex;justify-content:center;align-items:center}.panel-logo{width:79px;height:24px;margin-bottom:40px}.app-content{padding:24px;min-height:100vh}.app-container{direction:ltr;position:relative;height:calc(100vh - 48px);font-family:Courier New,Courier,monospace;display:grid;grid-template-rows:25px 1fr 105px;grid-column-gap:0px;grid-row-gap:0px;grid-template-columns:1fr 20px;&.open{grid-template-columns:1fr 300px;ul{visibility:visible}}}.connections-list{border-left:1px solid #eee;grid-area:1 / 2 / 4 / 3;.toggle{padding:5px 10px;font-weight:900;font-size:20px;cursor:pointer;color:#ccc;&:hover{color:#555}}ul{visibility:hidden;display:flex;flex-direction:column;list-style:none;padding:5px;gap:5px;margin:0}li{padding:5px;cursor:pointer;&:hover{background-color:#eee}}.active{background-color:#cfe2fe!important}}.messages-container{grid-area:2 / 1 / 3 / 2;padding:10px;overflow-y:auto;position:relative;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;color:#333;line-height:1.5}.connection-status{grid-area:1 / 1 / 2 / 2;position:sticky;top:0;border-bottom:1px solid #eee;font-weight:700;z-index:100;text-align:left}.button{border:none;cursor:pointer;border-radius:5px}.clear-button{position:absolute;border-radius:50%;top:0;right:8px;width:24px;height:24px;color:#ccc;background:none;font-size:28px;font-weight:400;line-height:.8;display:flex;align-items:center;justify-content:center;z-index:10;transition:color .2s,background .2s}.clear-button:hover{color:#f44;background:none}.clear-button:active{transform:scale(.95)}.log-line{display:flex;padding:4px 8px;font-size:14px;align-items:baseline;border-radius:4px;transition:background-color .2s ease}.log-line:hover{background-color:#f5f5f5}.timestamp{position:sticky;top:0;color:#999;font-size:12px;margin-left:auto;padding-left:16px}.direction{position:sticky;top:0;color:#666;margin-right:12px;font-weight:400;min-width:12px}.message-content{flex:1;color:inherit}.text-content,.raw-content{margin:0;white-space:pre;font-size:14px;tab-size:2;overflow-x:auto;white-space:break-spaces}.raw-content{color:#999}.input-container{grid-area:3 / 1 / 4 / 2;position:relative;bottom:0;left:0;right:0}.message-input{display:block;width:100%;margin:0 auto;padding:12px;border:1px solid #ddd;resize:none;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.4;outline:none;color:#333}.message-input:focus{border-color:#007bff}.send-button{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border:none;background-color:transparent;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s}.send-button:hover{color:#007bff;background-color:transparent}.send-button:disabled{background-color:transparent;color:#ddd;cursor:not-allowed}.send-button svg{width:20px;height:20px}.status-tag{font-size:14px;padding:4px 12px}.status-icon{width:14px;height:14px;margin-left:4px}.last-online-text{white-space:nowrap;font-size:14px;word-spacing:8px}.back-btn{margin:0!important;padding:0!important;.arrow-icon{font-size:12px!important}}.status-btn{width:80px!important;height:28px!important;margin:0!important;.status-active{padding:4px 16px!important;color:#52c41a!important;margin:0!important}.status-active,.status-inactive{font-size:14px!important}}.profile-picture{width:124px;height:124px;border-radius:100px;background-color:gray;display:flex;justify-content:center;align-items:center}.detail-label{width:160px;font-size:16px;font-weight:400;line-height:40px;color:#00000080}.detail-value{font-size:16px;font-weight:500;line-height:40px;color:#000}.status-done,.status-incomplete{padding:4px 16px!important;font-size:14px!important;font-weight:500!important}.status-done{color:#52c41a!important}.status-incomplete{color:#f5222d!important}.plus-icon{font-size:10px;color:#fff}.profile-container{width:35px;height:35px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#cdcdcd;.user-icon{width:20px;height:20px;object-fit:cover}}.form{margin-top:30px}.upload-profile-placeholder{border:1px dashed #3b8ff3!important;border-radius:8px!important;width:100%!important;height:40px!important;color:#3b8ff3!important;cursor:pointer!important}