body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;margin:0;padding:20px} 
.card{background:#fff;padding:20px;border-radius:6px;max-width:420px;margin:60px auto;box-shadow:0 2px 8px rgba(0,0,0,0.1)}label{display:block;margin-top:8px}input,select,textarea{width:100%;padding:8px;margin-top:4px}button{padding:10px 14px;margin-top:10px} .topbar{background:#fff;padding:10px;border-radius:4px;margin-bottom:10px} .container{display:flex;gap:20px} .menu{width:220px;background:#fff;padding:12px;border-radius:6px} .main{flex:1;background:#fff;padding:12px;border-radius:6px} table{width:100%;border-collapse:collapse} table th,table td{border:1px solid #ddd;padding:6px;text-align:left} 
.small{font-size:90%}
/* Wrapper to center all content */
.wrapper {
    max-width: 1000px;   /* fixed width */
    margin: 0 auto;       /* centers horizontally */
    padding: 20px;        /* optional spacing inside */
    box-sizing: border-box; /* ensures padding doesn't break width */
}

/* Optional: make body background full width */
body {
    background: #f4f4f4; /* or any color you like */
    display: flex;
    justify-content: center; /* centers wrapper if using flex */
    
}
body {
  font-family: 'Segoe UI', sans-serif;
  background: #f5f7fa;
  color: #2c3e50;
  margin: 0;
  padding: 0;
}
.main {
  max-width: 1000px;
  margin: 30px auto;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.topnav {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  background: #1b827d;
  padding: 10px;
  border-radius: 10px;
}
.topnav a {
  color: #fff;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-weight: bold;
}
.topnav a:hover {
  background: #16675d;
}
.panel {
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
table {
  width: 100%;
  border-collapse: collapse;
}
th {
  background: #1b827d;
  color: white;
  padding: 10px;
  text-align: left;
}
td {
  border-bottom: 1px solid #ddd;
  padding: 8px;
}
tr:hover {
  background: #f9f9f9;
}