* { box-sizing: border-box; }
body { font-family: -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; background: #f5f6f8; color: #1a1a1a; }
.panel-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background: #1f2a44; color: #fff; }
.panel-header a { color: #fff; text-decoration: none; }
.panel-header nav a, .panel-header .user-info { margin-left: 16px; }
.panel-main { max-width: 960px; margin: 24px auto; padding: 0 16px; }
.card { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; margin-bottom: 4px; font-weight: 600; }
.form-group input, .form-group textarea, .form-group select { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.btn { display: inline-block; padding: 8px 16px; background: #1f2a44; color: #fff; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; }
.btn-danger { background: #b00020; }
.error { color: #b00020; margin-bottom: 12px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid #eee; }