@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a3a6b;--navy-dark:#0f2445;--red:#d00000;--gold:#c89b2a;--bg:#f8f7f4;--card:#fff;--text:#1a1a1a;--muted:#6b6b6b;--border:#e0ddd8;--radius:6px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:IBM Plex Mono,monospace}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:2rem}.logo{letter-spacing:3px;color:var(--navy);margin-bottom:.25rem;font-family:Bebas Neue,sans-serif;font-size:24px;display:block}.logo-sub{color:var(--muted);letter-spacing:1px;margin-bottom:2rem;font-size:11px;display:block}h1{letter-spacing:2px;margin-bottom:1.5rem;font-family:Bebas Neue,sans-serif;font-size:22px;font-weight:400}label{letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-top:1rem;margin-bottom:6px;font-size:11px;display:block}input[type=text],input[type=email],input[type=password]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:14px;transition:border-color .15s}input:focus{border-color:var(--navy);outline:none}.btn{background:var(--navy);color:#fff;border-radius:var(--radius);letter-spacing:2px;cursor:pointer;border:none;width:100%;margin-top:1.5rem;padding:12px;font-family:IBM Plex Mono,monospace;font-size:13px;transition:background .15s;display:block}.btn:hover{background:var(--navy-dark)}.btn:disabled{background:var(--muted);cursor:not-allowed}.btn-secondary{color:var(--navy);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--bg)}.error{border-radius:var(--radius);color:var(--red);background:#fff0f0;border:1px solid #ffc0c0;margin-top:1rem;padding:10px 12px;font-size:12px}.success{border-radius:var(--radius);color:#1a6b3a;background:#f0fff4;border:1px solid #b0edc0;margin-top:1rem;padding:10px 12px;font-size:12px}.text-center{text-align:center}.text-muted{color:var(--muted);font-size:12px}.mt-1{margin-top:1rem}.dashboard{max-width:860px;margin:0 auto;padding:2rem 1.5rem}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dash-header .logo{margin-bottom:0}.badge{letter-spacing:1px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:500}.badge-access{color:#1a6b3a;background:#f0fff4;border:1px solid #b0edc0}.badge-locked{color:#8a6700;background:#fff8e1;border:1px solid #ffe082}.paywall{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:2rem;padding:2rem}.price-display{color:var(--navy);letter-spacing:3px;margin:1rem 0;font-family:Bebas Neue,sans-serif;font-size:48px}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.code-row{gap:8px;margin-top:1rem;display:flex}.code-row input{text-transform:uppercase;letter-spacing:3px;flex:1}.code-row button{width:auto;margin-top:0;padding:10px 16px}.encoder-area{margin-top:1.5rem}.flags-wrap{flex-wrap:wrap;gap:12px;min-height:60px;margin:1rem 0;display:flex}.flag-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.flag-cell canvas{border:1px solid var(--border);border-radius:3px;display:block}.flag-letter{color:var(--muted);letter-spacing:1px;font-size:10px}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.controls select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:12px}.controls label{margin:0;font-size:11px}.action-row{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.btn-sm{letter-spacing:1px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:6px;width:auto;margin-top:0;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:background .15s;display:inline-flex}.btn-sm:hover{background:var(--bg)}.strip-section{margin-top:1rem}.strip-label{color:var(--muted);letter-spacing:.5px;margin-bottom:6px;font-size:11px}.strip-section canvas{border:1px solid var(--border);border-radius:3px;max-width:100%}.admin-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:12px}.admin-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--muted);letter-spacing:1px;padding:8px;font-size:10px}.admin-table td{border-bottom:1px solid var(--border);padding:8px}.code-pill{background:var(--bg);letter-spacing:2px;border-radius:3px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-weight:500}nav-logout{cursor:pointer;color:var(--muted);background:0 0;border:none;font-family:IBM Plex Mono,monospace;font-size:12px}