.server-box{width:100%;border-radius:10px;padding:10px;color:#fff;font-family:Segoe UI,sans-serif;box-shadow:0 2px 8px #0000001f;transition:background-color .3s ease-in-out;display:flex;flex-direction:column;max-width:none;flex:1 1 300px;max-width:300px}.status-header{display:flex;justify-content:space-between;align-items:center}.status-icon{font-size:1.2rem}.server-box h3{font-size:1rem;margin:0}.server-box p{font-size:.9rem;margin:4px 0}.server-box.online{background-color:#4caf50}.server-box.offline{background-color:#f44336}.server-box.loading{background-color:#9e9e9e}.btn-div{width:100%;display:flex;justify-content:space-between;align-items:end}.btn-div button{margin-top:6px;padding:6px 10px;font-size:.85rem;border:none;background-color:#fff;color:#333;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-div span{font-size:13px}.server-box button:hover{background-color:#e0e0e0}@media screen and (max-width: 600px){.server-box{max-width:90%}}.app-container{text-align:end;padding:20px;background-color:#f0f2f5;min-height:100vh;width:100%;box-sizing:border-box}.logut-btn{background-color:red;border-radius:5px;padding:4px 8px;margin-bottom:5px;border:1px solid red;color:#f0f2f5}.server-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;box-sizing:border-box}