/* MILLIONSLUCKY backoffice - plain server-rendered pages, no scripts (CSP: style-src 'self'). */
body { font: 14px/1.45 system-ui, sans-serif; margin: 0; color: #1d2330; background: #f5f6f8; }
nav { background: #1d2330; padding: .5rem 1rem; display: flex; flex-wrap: wrap; gap: .25rem 1rem; align-items: center; }
nav a, nav span { color: #e9ecf2; text-decoration: none; }
nav a:hover { text-decoration: underline; }
nav form { margin-left: auto; }
main { padding: 1rem 1.5rem; max-width: 1400px; }
h1 { font-size: 1.4rem; margin: .5rem 0 1rem; }
h2 { font-size: 1.1rem; margin: 1.5rem 0 .5rem; }
table { border-collapse: collapse; width: 100%; background: #fff; margin-bottom: 1rem; }
th, td { border: 1px solid #d9dde5; padding: .3rem .5rem; text-align: left; vertical-align: top; }
th { background: #eef0f4; font-weight: 600; }
td.num { text-align: right; font-variant-numeric: tabular-nums; }
form.inline { display: inline; }
form.box { background: #fff; border: 1px solid #d9dde5; padding: .75rem; margin: .5rem 0 1rem; max-width: 720px; }
label { display: block; margin: .3rem 0; }
input, select, textarea { font: inherit; padding: .2rem .35rem; }
textarea { width: 100%; min-height: 6rem; font-family: ui-monospace, monospace; }
button { font: inherit; padding: .2rem .7rem; cursor: pointer; }
.ok { background: #e6f4ea; border: 1px solid #9ccfaa; padding: .5rem; margin-bottom: 1rem; }
.err { background: #fdecea; border: 1px solid #f1a9a0; padding: .5rem; margin-bottom: 1rem; }
.muted { color: #6b7280; }
.tag { display: inline-block; padding: 0 .35rem; border-radius: 3px; background: #eef0f4; }
.warn { background: #fff4e5; }
pre { white-space: pre-wrap; word-break: break-all; margin: 0; font-size: 12px; }