@font-face{font-family:ClubMarker;src:url('/assets/fonts/PermanentMarker-Regular.ttf') format('truetype');font-display:swap}
.private-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;padding:12px clamp(12px,2vw,28px);border-bottom:1px solid #ddd;font:14px system-ui,sans-serif;color:#202020}
.private-bar strong{margin-right:auto}.private-bar form{margin:0}.private-bar a{color:#a40000}.private-bar button,.login-card button{cursor:pointer;border:0;border-radius:6px;padding:10px 16px;background:#bc1010;color:white;font:700 14px system-ui,sans-serif}
.private-bar .logout{background:#333}.private-bar .export-note{flex-basis:100%;font-size:12px;color:#626262;margin:0}
.private-entry{display:block;text-align:right;padding:8px clamp(12px,2vw,28px);font:13px system-ui,sans-serif;background:#202020;color:#fff}
.login-page{margin:0;background:#f4f4f4;color:#202020;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;border-top:6px solid #f20202;box-sizing:border-box}
.login-card{width:min(420px,calc(100% - 48px));box-sizing:border-box;background:white;padding:28px;border:1px solid #ddd;border-radius:12px;margin:24px}
.login-card h1{font:400 32px ClubMarker,system-ui,sans-serif}.login-card p{line-height:1.5}.login-card form{display:grid;gap:10px}.login-card label{font-size:14px;font-weight:700}.login-card input{min-width:0;padding:12px;border:1px solid #bbb;border-radius:6px;font:16px system-ui,sans-serif}.login-card button{margin-top:8px;min-height:44px}.login-card .back{color:#a40000;font-size:14px}.login-note{font-size:12px;color:#626262}.login-error{background:#fff0ef;color:#8d1616;padding:10px;border-radius:6px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #387dce;outline-offset:3px}