body{
font-family:Arial;
background:#0b0b0f;
color:white;
margin:0;
}
.container{
max-width:900px;
margin:auto;
padding:40px;
}
.card{
background:#15151f;
padding:20px;
border-radius:10px;
margin-bottom:20px;
}
.card-list{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:15px;
}
.primary{
background:#7c3aed;
color:white;
border:none;
padding:12px 20px;
border-radius:8px;
cursor:pointer;
}
.primary:hover{opacity:.9}
.disabled{
opacity:.4;
pointer-events:none;
}
input{
width:100%;
padding:10px;
margin:8px 0;
border-radius:6px;
border:none;
}
.subtitle{opacity:.7}
.status{opacity:.6;margin-top:10px}