body { font-family: sans-serif; margin: 0; color: #222; }
.app-header { background: #2c3e50; color: #fff; padding: 10px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.app-header a { color: #fff; margin-right: 10px; text-decoration: none; }
.app-header a:hover { text-decoration: underline; }
.app-title { font-weight: bold; }
.app-user { margin-left: auto; opacity: 0.85; }
main { padding: 20px; max-width: 900px; margin: 0 auto; }
table { border-collapse: collapse; margin-bottom: 16px; }
th, td { padding: 6px 10px; }
.error { color: #c0392b; font-weight: bold; }
.login-box { max-width: 360px; margin: 60px auto; padding: 24px; border: 1px solid #ccc; border-radius: 6px; }
input[type=text], input[type=email], input[type=password], input[type=date], input[type=time], input[type=number], textarea, select { padding: 4px; width: 100%; max-width: 320px; box-sizing: border-box; }
button { padding: 6px 14px; margin-top: 8px; margin-right: 6px; }