body{

background:#0f172a;

font-family:Arial;

color:white;

}


.container{

width:900px;

margin:50px auto;

}


.card{

background:
rgba(255,255,255,0.08);

padding:25px;

margin-bottom:25px;

border-radius:20px;

backdrop-filter:blur(15px);

}


input,select,button{

padding:12px;

border-radius:10px;

border:none;

margin:5px;

}


button{

background:#2563eb;

color:white;

cursor:pointer;

}


table{

width:100%;

}


td,th{

padding:12px;

text-align:left;

}


a{

color:#60a5fa;

margin-right:10px;

}

.result {

background:#111827;
color:#e5e7eb;

padding:20px;

border-radius:12px;

margin-top:20px;

overflow:auto;

font-family:monospace;

}



.back {

display:inline-block;

margin-top:20px;

padding:12px 20px;

background:#2563eb;

color:white;

text-decoration:none;

border-radius:8px;

}



.back:hover {

opacity:.8;

}



.delete {

background:#dc2626;

color:white;

border:none;

padding:8px 14px;

border-radius:8px;

cursor:pointer;

}



.delete:hover {

background:#b91c1c;

}