:root { color-scheme: light; font-family: system-ui, sans-serif; color: #18243b; background: #f1f5f9; }
body { margin: 0; }
main { max-width: 1200px; margin: 3rem auto; padding: 2rem; background: white; border-radius: 1rem; box-shadow: 0 8px 30px #0f172a12; }
header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
h1 { margin: 0 0 .25rem; }
h2 { margin-top: 2rem; }
p { line-height: 1.5; }
.warning { padding: 1rem; background: #fff7ed; border: 1px solid #fdba74; border-radius: .5rem; }
.notice { min-height: 1.5rem; color: #166534; }
button { border: 0; border-radius: .5rem; padding: .65rem 1rem; color: white; background: #2563eb; cursor: pointer; }
button:disabled { background: #94a3b8; cursor: not-allowed; }
form { display: inline-block; margin: .15rem; }
label { display: grid; gap: .5rem; margin-bottom: 1rem; }
input { padding: .65rem; border: 1px solid #94a3b8; border-radius: .4rem; }
.scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: .9rem; }
th, td { padding: .7rem; text-align: left; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
th { background: #f8fafc; }