* { box-sizing: border-box; }
body { margin: 0; font-family: "Hiragino Sans", "Yu Gothic", sans-serif; background: #f5f7fa; }
header { background: #1e3a5f; color: #fff; padding: 10px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
header h1 { font-size: 16px; margin: 0; }
nav a { color: #cfe0f5; text-decoration: none; margin-right: 12px; font-size: 14px; }
nav a.active, nav a:hover { color: #fff; font-weight: bold; }
.container { padding: 16px; max-width: 1200px; margin: 0 auto; }
.card { background: #fff; border-radius: 8px; padding: 16px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.badge { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 12px; color: #fff; }
.badge.kyu { background: #d32f2f; } .badge.shin { background: #f57c00; } .badge.k2000 { background: #388e3c; }
.judg { font-size: 40px; font-weight: bold; }
.judg.ok { color: #388e3c; } .judg.warn { color: #f57c00; } .judg.ng { color: #d32f2f; } .judg.na { color: #9e9e9e; } .j.na { background: #e0e0e0; color: #777; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
th, td { border: 1px solid #ddd; padding: 6px 10px; text-align: left; }
th { background: #eef3f8; }
button, .btn { background: #1e3a5f; color: #fff; border: none; border-radius: 6px; padding: 10px 18px; font-size: 15px; cursor: pointer; }
input, textarea { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; }
label { display: block; margin: 10px 0 4px; font-size: 14px; font-weight: bold; }
.note { color: #666; font-size: 12px; }
header .user { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 13px; }
header .who { color: #fff; }
header .role { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 10px; font-size: 11px; background: #4a6fa5; }
header .role-operator { background: #2e7d32; } header .role-admin { background: #c62828; }
header button.logout { background: transparent; border: 1px solid #cfe0f5; color: #cfe0f5; padding: 4px 10px; font-size: 12px; border-radius: 4px; }
header button.logout:hover { background: #fff; color: #1e3a5f; }