*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Arial,sans-serif;background:#f9f9f9;color:#333;padding:10px;}
.container{max-width:600px;margin:auto;background:white;border-radius:8px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
header{text-align:center;margin-bottom:15px;}
h1,h2{margin-bottom:10px;}
nav a{margin:0 5px;color:#007BFF;text-decoration:none;}
form input,form select,form button{width:100%;padding:10px;margin:5px 0;border-radius:4px;border:1px solid #ddd;}
table{width:100%;border-collapse:collapse;margin-top:10px;}
th,td{padding:8px;border-bottom:1px solid #eee;text-align:left;}
button.action{padding:4px 8px;margin-right:5px;}
@media(max-width:600px){
  table,thead,tbody,th,td,tr{display:block;}
  th{background:#f1f1f1;}
  td{padding-left:50%;position:relative;}
  td:before{position:absolute;left:10px;content:attr(data-label);font-weight:bold;}
}