body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto;
background:#0b1220;
color:#fff;
margin:0;
padding:0;
}

.topbar{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#111827;
position:sticky;
top:0;
}

.menu{
position:fixed;
left:-240px;
top:0;
width:220px;
height:100%;
background:#111827;
padding:20px;
transition:0.3s;
}

.menu.open{left:0}

.menu a{
display:block;
padding:10px;
border-radius:8px;
margin-bottom:6px;
background:#1f2937;
}

.content{padding:16px}

.card{
background:#111827;
padding:25px;
border-radius:16px;
max-width:420px;
margin:100px auto;
text-align:center;
}

.form input,.form select{
width:100%;
padding:12px;
margin-bottom:8px;
border-radius:10px;
border:0;
background:#1f2937;
color:#fff;
}

.btn{
background:#3b82f6;
border:0;
padding:12px;
border-radius:10px;
color:#fff;
width:100%;
}

.item{
background:#111827;
padding:14px;
border-radius:14px;
margin-bottom:10px;
transition:0.25s;
}

.item:hover{
transform:translateY(-2px);
background:#1f2937;
}

.title{font-weight:700}
.meta{opacity:.7;font-size:13px}
.price{font-weight:700}