body.dark {
    background:#0f1115;
    color:#fff;
    font-family:tahoma;
}

.login-box {
    width:300px;
    margin:100px auto;
    background:#161a22;
    padding:20px;
    border-radius:8px;
}

input,button {
    width:100%;
    margin-top:10px;
    padding:10px;
    background:#222;
    color:#fff;
    border:1px solid #333;
}

button {
    cursor:pointer;
    background:#2f80ed;
    border:none;
}
.dark-table {
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}

.dark-table th,
.dark-table td {
    padding:10px;
    border:1px solid #222;
}

.dark-table th {
    background:#1b1f2a;
}

.status.online {
    color:#2ecc71;
}

.status.offline {
    color:#e74c3c;
}
.box {
    background:#161a22;
    padding:15px;
    border-radius:8px;
    width:400px;
}

textarea {
    width:100%;
    height:60px;
    background:#222;
    color:#fff;
    border:1px solid #333;
    margin-top:10px;
}

a.del {
    color:#e74c3c;
    text-decoration:none;
}
select {
    width:100%;
    padding:10px;
    background:#222;
    color:#fff;
    border:1px solid #333;
    margin-top:10px;
}
.topbar {
    background:#161a22;
    padding:10px;
}

.topbar a {
    color:#fff;
    margin-right:15px;
    text-decoration:none;
}

.topbar .right {
    float:right;
}

.logo {
    font-weight:bold;
    margin-right:20px;
}