@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Onest:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom right,#929292,#8d8d8d);border-radius:5px}.icon-label{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:600}.modal-row{display:flex;align-items:flex-start;margin:8px 0;font-size:15px;line-height:1.4}.modal-row .label{display:flex;align-items:center;gap:6px;font-weight:600;flex-shrink:0;width:max-content;white-space:nowrap}.modal-row .value{color:#5078ff;flex:1;word-break:break-word;margin-left:6px}.modal-row svg{width:18px;height:18px;flex-shrink:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;display:block}input{font-family:Inter,sans-serif}button{border-radius:8px;border:1px solid transparent;padding:.6em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:.3s ease-in-out}button:hover{border:1px solid transparent;color:#fff;background-color:#646464}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:url(/bg.jpg) center/cover no-repeat;padding:8px;overflow-x:hidden}.login-container:before{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;z-index:1}.login-form{background:#000;padding:50px;border-radius:12px;border:solid 1px rgba(75,75,75,.5);box-shadow:0 0 15px #4b4b4b80;width:100%;max-width:350px;min-width:0;z-index:2}.login-form h2{margin-bottom:26px;text-align:center}.login-form input{font-family:Rubik,sans-serif;display:block;box-sizing:border-box;width:100%;padding:10px;text-align:center;margin-bottom:12px;border:1px solid #ccc;border-radius:6px;background-color:#141414cc}.login-form button{width:100%;padding:10px;background:#fff;border:solid 1px transparent;color:#000;border-radius:6px;cursor:pointer;transition:.3s ease-in-out}.login-form button:hover{background:#000;color:#fff;border:solid 1px rgba(75,75,75,.5);box-shadow:0 0 15px #4b4b4b80}.error{color:red;margin-bottom:35px;text-align:center}.user-info{display:inline-flex;align-items:center;gap:8px}.user-info button{height:1.5em;padding:0 8px;font-size:inherit;line-height:1.5em;border-radius:4px;border:none;cursor:pointer;background-color:#df2a2ad2;color:#fff}.user-info button:hover{background-color:#b11717d2}.user-info button.unban_btn{background-color:#26741b}.user-info button.unban_btn:hover{background-color:#1b6811}.support-page-chat{display:flex;height:100vh;font-family:Inter,sans-serif;overflow:hidden}.message-date{color:#777}.ticket-search{position:relative;width:100%;margin-bottom:5px;margin-top:-13px}.ticket-search input{width:100%;border-radius:5px;border:1px solid #444;background-color:#111;color:#fff;outline:none;padding:6px 30px}.ticket-search .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.filter-group select{width:100%;padding:6px 10px;border-radius:5px;border:1px solid #444;background-color:#111;color:#fff;margin-bottom:8px;cursor:pointer;outline:none}.filter-group select option{background-color:#111;color:#fff}.tickets-sidebar{width:300px;border-right:1px solid #333;display:flex;flex-direction:column;padding:15px;gap:10px;overflow-y:auto}.ticket-item{position:relative;padding:10px;border-radius:5px;margin-bottom:5px;background-color:#121212;color:#b8b8b8;cursor:pointer;transition:.2s}.ticket-item.unread{color:#fff}.ticket-item .unread-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;background-color:#007bff;border-radius:50%;display:none}.ticket-item.unread .unread-dot{display:block}.filters{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.filter-group{display:flex;flex-wrap:wrap;gap:5px}.filter-group button{flex:1;padding:6px 10px;border:none;border-radius:5px;background-color:#111;color:#fff;cursor:pointer}.filter-group button.active{background-color:#007bff}.tickets-list{flex:1;overflow-y:auto}.ticket-item{padding:8px;border-radius:5px;margin-bottom:5px;background-color:#111;color:#b8b8b8;cursor:pointer;transition:.2s;border:none}.ticket-item.selected,.ticket-item:hover{background-color:#222;color:#fff}.ticket-chat{flex:1;display:flex;flex-direction:column;height:100%;padding:10px;box-sizing:border-box}.ticket-chat .chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px}.ticket-chat h2{margin:0 0 10px;font-size:1.5rem;padding-bottom:5px;flex-shrink:0}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:0}.message{max-width:70%;padding:8px 12px;border-radius:8px;word-break:break-word;-webkit-user-select:text;user-select:text}.message p{white-space:pre-line}.message.user{background-color:#181c24;color:#fff;align-self:flex-start}.message.support{background-color:#2b2b2b;color:#fff;align-self:flex-end}.reply-box{display:flex;gap:8px;margin-top:10px;align-items:flex-end}.reply-box textarea{flex:1;height:50px;max-height:200px;outline:none;padding:8px;border-radius:5px;border:1px solid #444;background-color:#111;color:#fff;font-family:Onest,sans-serif;resize:none;overflow-y:auto}.reply-buttons{display:flex;flex-direction:column;gap:8px}.reply-buttons{display:flex;flex-direction:row;gap:8px}.reply-buttons button{height:50px;padding:0 12px;border-radius:5px;border:none;cursor:pointer;background-color:#28a745;color:#fff;transition:.2s ease-in-out}.reply-buttons button:hover{background-color:#1a7930}.reply-buttons button.t_close{background-color:#ff3f3fd2}.reply-buttons button.t_close:hover{background-color:#c52a2ad2}.reply-box.closed{display:flex;justify-content:center;align-items:center;height:60px;margin-top:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#111;padding:20px;border-radius:8px;color:#fff;min-width:300px;text-align:center}.modal-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px}.modal-buttons button{padding:8px 15px;border-radius:5px;border:none;cursor:pointer;transition:.2s ease-in-out}.modal-buttons button:first-child{background-color:#1a6e2e;color:#fff}.modal-buttons button:first-child:hover{background-color:#1ea03e83;color:#fff}.modal-buttons button:last-child{background-color:#ff3f3fd2;color:#fff}.modal-buttons button:last-child:hover{background-color:#b11717d2;color:#fff}@media (max-width: 768px){.ticket-chat .chat-header h2{font-size:1.25rem;margin:0}.support-page-chat{flex-direction:column;overflow:hidden;height:100vh}.tickets-sidebar{position:fixed;top:0;left:0;width:100%;max-width:100%;height:100%;background-color:#111;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;border-right:none}.tickets-sidebar.open{transform:translate(0)}.ticket-item{background-color:#151515}.ticket-chat{flex:1;width:100%;height:100%;padding:10px;box-sizing:border-box}.ticket-chat h2{border:none}.ticket-chat .chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px}.burger-btn{display:inline-flex;align-items:center;gap:5px;background:#1e1e1e;border:none;color:#fff;cursor:pointer;padding:5px 10px;border-radius:4px}.burger-btn:focus,.burger-btn:active,.burger-btn:hover{outline:none!important;border:none!important}}