/* The sign-in and admin pages: one centred card on the terminal theme. */
body { display:flex; justify-content:center; padding:72px 16px; }
.auth-card { width:100%; max-width:380px; background:var(--panel); border:1px solid #00ff9c33; border-radius:10px; padding:28px; }
.auth-card.wide { max-width:760px; }
.auth-card h1 { margin:0 0 6px; font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:var(--neon); }
.auth-card form { display:flex; flex-direction:column; gap:10px; margin:18px 0 10px; }
.auth-card #add { flex-direction:row; }
.auth-card #add input { flex:1; }
.auth-card input { background:var(--panel2); border:1px solid var(--line); color:var(--text); border-radius:6px; padding:9px 11px; font:inherit; }
.auth-card button { cursor:pointer; padding:9px 14px; }
.auth-card table { width:100%; border-collapse:collapse; margin-top:14px; }
.auth-card th, .auth-card td { text-align:left; padding:9px 8px; border-bottom:1px solid var(--line); }
.auth-card a { color:var(--cyan); }
.dim { color:var(--dim); }
.err { color:var(--red); min-height:1.4em; margin:8px 0 0; }
.chip { border:1px solid #00ff9c55; color:var(--neon); border-radius:4px; padding:0 6px; font-size:11px; }
.auth-card h1.sub { margin-top:26px; font-size:13px; }
.auth-card .row { display:flex; gap:10px; align-items:center; }
.auth-card .filebtn { cursor:pointer; border:1px solid var(--line); border-radius:6px; padding:9px 14px; }
.auth-card code { color:var(--cyan); }
.auth-card .chk { display:flex; align-items:center; gap:6px; white-space:nowrap; color:var(--dim); }
.auth-card td input[type=checkbox] { width:16px; height:16px; }