:root{--navy:#26245d;--ink:#141428;--paper:#f6f1e4;--sky:#76aad7;--sand:#e9dcc0;--red:#d33b2f;--green:#2f9e5b}
*{box-sizing:border-box}
body{margin:0;background:var(--paper) repeating-radial-gradient(circle at 0 0, rgba(20,20,40,.05) 0 1px, transparent 1px 6px);color:var(--ink);font-family:Lora,Georgia,serif}
.mast{background:var(--navy);color:#fff;border-bottom:6px solid var(--ink);box-shadow:0 8px 0 var(--sand)}
.mast .in{max-width:1100px;margin:0 auto;padding:22px 18px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.brand{font-family:Bangers,Impact,sans-serif;font-size:clamp(36px,6vw,64px);letter-spacing:2px;line-height:.9;text-shadow:4px 4px 0 var(--ink);text-decoration:none;color:#fff}
.brand small{display:block;font-family:Oswald,sans-serif;font-size:.3em;letter-spacing:5px;text-shadow:none;opacity:.9;margin-top:6px}
.mast nav{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;padding:10px 16px;border:3px solid var(--ink);background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;font-size:14px}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn.red{background:var(--red);color:#fff}.btn.sky{background:var(--sky)}.btn.green{background:var(--green);color:#fff}.btn.sm{padding:6px 10px;font-size:12px;box-shadow:3px 3px 0 var(--ink)}
.wrap{max-width:1100px;margin:0 auto;padding:30px 18px 60px}
.box{background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--navy);padding:26px;max-width:520px;margin:30px auto}
h1{font-family:Bangers,Impact,sans-serif;font-size:clamp(36px,5vw,54px);letter-spacing:1px;margin:0 0 8px;line-height:.95}
h2{font-family:Bangers,Impact,sans-serif;font-size:34px;letter-spacing:1px;margin:34px 0 6px;display:flex;align-items:center;gap:14px}
h2:after{content:"";flex:1;height:5px;background:var(--ink)}
p{line-height:1.5}
label{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:13px;margin:14px 0 4px}
input{width:100%;font:inherit;font-size:17px;padding:10px 12px;border:3px solid var(--ink);background:#fff}
.msg{margin-top:14px;padding:10px 12px;border:3px solid var(--ink);font-family:Oswald,sans-serif;display:none}
.msg.err{display:block;background:#fde3e0}.msg.ok{display:block;background:#dff3e6}
.fine{font-size:14px;opacity:.8}
table{width:100%;border-collapse:collapse;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
th{background:var(--ink);color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:13px;padding:10px;text-align:left}
td{padding:10px;border-top:2px solid var(--sand);font-size:15px}
td.num{text-align:right;font-family:Oswald,sans-serif;font-weight:700}
.pill{display:inline-block;font-family:Oswald,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border:2px solid var(--ink)}
.pill.paid{background:#dff3e6}.pill.open{background:#fde3e0}.pill.credit{background:#e2ecf8}.pill.wait{background:#fff3cd}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:18px}
.tile{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:16px}
.tile .n{font-family:Bangers,Impact,sans-serif;font-size:40px;color:var(--navy);line-height:1}
.tile .l{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-top:4px}
.scroll{overflow-x:auto}