body{font-family:Arial,sans-serif;background:#f0f2f5;margin:0;padding:10px;}
h1{text-align:center;color:#0a3d62;}
.card{background:#fff;padding:12px;margin-bottom:15px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}
input,select,button{padding:8px;margin:5px 0;border-radius:6px;border:1px solid #ccc;width:100%;}
button{background:#0a3d62;color:#fff;cursor:pointer;}
table{width:100%;border-collapse:collapse;margin-top:10px;}
th,td{padding:8px;text-align:center;border-bottom:1px solid #ccc;}
th{background:#0a3d62;color:#fff;}
td[contenteditable="true"]{background:#e0f7fa;cursor:pointer;}
@media(max-width:600px){table,thead,tbody,th,td,tr{display:block;}thead tr{display:none;}td{border:none;position:relative;padding-left:50%;}td:before{position:absolute;top:8px;left:6px;width:45%;white-space:nowrap;font-weight:bold;content:attr(data-label);}}