*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI}

body{background:#0b1220;color:#fff}

/* NAVBAR */
.navbar{
display:flex;
justify-content:space-between;
padding:14px 24px;
background:#0f172a;
border-bottom:1px solid #1f2937;
}

.logo{color:#4da3ff;font-weight:bold}

.menu a{
color:#ddd;
margin-left:18px;
text-decoration:none;
}

.menu a:hover{color:#fff}

/* APP */
.app{display:flex;height:calc(100vh - 60px)}

/* SIDEBAR */
.sidebar{
width:260px;
background:#111827;
padding:15px;
overflow:auto;
}

.gateway{
padding:12px;
border-bottom:1px solid #1f2937;
cursor:pointer;
}

.node{
padding:10px 30px;
font-size:13px;
cursor:pointer;
}

.gateway:hover,
.node:hover{
background:#1f2937;
}

/* CONTENT */
.content{
flex:1;
padding:20px;
}

/* CARD */
.card{
background:#1f2937;
border-radius:12px;
overflow:hidden;
max-width:500px;
}

.row{
display:flex;
justify-content:space-between;
padding:12px 16px;
border-bottom:1px solid #374151;
}