body{
margin:0;
font-family:Inter, sans-serif;
background:#0b0b0c;
color:white;
}

.app{
display:flex;
gap:30px;
padding:40px;
max-width:1400px;
margin:auto;
}

.left{flex:2;}
.right{flex:1;}

.card{
background:#141416;
padding:20px;
border-radius:12px;
margin-bottom:20px;
border:1px solid #2a2a2e;
}

input,select,textarea{
width:100%;
margin-top:10px;
padding:12px;
background:#18181b;
border:1px solid #2a2a2e;
color:white;
border-radius:8px;
}

.checkbox{
display:block;
font-weight:600;
margin-bottom:10px;
}

.nested{
margin-top:10px;
display:none;
}

.hidden{
display:none;
}

.generate{
width:100%;
padding:15px;
background:#dc2626;
border:none;
border-radius:10px;
color:white;
font-weight:600;
cursor:pointer;
}

.summary{
position:sticky;
top:20px;
background:#141416;
padding:20px;
border-radius:12px;
border:1px solid #2a2a2e;
}

.divider{
height:1px;
background:#2a2a2e;
margin:15px 0;
}

.totals div{
margin-bottom:10px;
}