@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap";body{font-family:Vazirmatn,sans-serif!important;margin:0;box-sizing:border-box;direction:rtl}.ant-form-item{margin:0}.ant-input-affix-wrapper{padding:10px 12px}.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}.title{font-size:16px}.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}.clear-button{position:absolute;top:0;right:8px;border:none;border-radius:50%;width:24px;height:24px;color:#ccc;background:none;cursor:pointer;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}