:root{--red: #C0392B;--red-dark: #922B21;--black: #111111;--charcoal: #2C2C2C;--mid: #666666;--border: #E2E2E2;--bg: #F7F6F4;--white: #FFFFFF;--text: #1A1A1A;--ok: #2f6e48;--bad: #9c3a2c;--font-display: "Oswald", Arial, sans-serif;--font-sub: "Montserrat", Arial, sans-serif;--font-body: "Source Sans 3", Arial, sans-serif;--nav-h: 72px}*{box-sizing:border-box}html,body,#root{margin:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.1;color:var(--black);margin:0 0 .75rem}h2{font-size:1.6rem}h3{font-size:1.15rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--bg);padding:.1em .35em;border-radius:3px}.eyebrow{font-family:var(--font-display);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.35em;color:var(--red);margin:0 0 .35rem}.muted{color:var(--mid)}.small{font-size:.85rem}.error{color:var(--bad)}.right{text-align:right}.nowrap{white-space:nowrap}.topbar{display:flex;gap:1.5rem;align-items:center;height:var(--nav-h);padding:0 1.5rem;background:var(--white);border-bottom:1px solid var(--border)}.topbar a{color:var(--black);text-decoration:none;font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}.topbar a:hover,.topbar a.active{color:var(--red)}.topbar .brand{display:inline-flex;align-items:center;gap:.55rem;font-size:1rem}.topbar .brand-logo{display:block;height:36px;width:auto}.topbar .spacer{flex:1}.page{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.card{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1.75rem;margin-bottom:1.5rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.tile{display:block;background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1.5rem;color:inherit;text-decoration:none;border-top:3px solid var(--red)}.tile:hover{border-color:var(--red)}button{font:inherit;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;padding:.55rem 1.1rem;border-radius:4px;cursor:pointer;background:var(--red);color:var(--white);border:1px solid var(--red)}button:hover:not(:disabled){background:var(--red-dark);border-color:var(--red-dark)}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--charcoal);border-color:var(--border);margin-left:.4rem}.btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--mid)}.btn-secondary.btn-on{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}.btn-secondary.btn-on:hover:not(:disabled){background:var(--mid);border-color:var(--mid)}.btn-danger{background:var(--white);color:var(--bad);border-color:var(--bad);margin-left:.4rem}.btn-danger:hover:not(:disabled){background:var(--bad);color:var(--white)}.btn-link{background:none;border:none;color:var(--red);padding:0}.btn-link:hover:not(:disabled){background:none;text-decoration:underline}.form{display:grid;gap:1rem;max-width:460px;margin-top:1rem}.form label{display:grid;gap:.3rem}.form label>span{font-weight:600;font-size:.9rem}.form input,.form select{font:inherit;padding:.55rem .7rem;border:1px solid var(--border);border-radius:4px;background:var(--white)}.form input:focus,.form select:focus{outline:2px solid var(--red);outline-offset:1px}.form .checkbox{display:flex;align-items:center;gap:.5rem}.form .actions{display:flex;gap:.4rem}.form .actions .btn-secondary{margin-left:0}.code-input{font-family:ui-monospace,Consolas,monospace;font-size:1.4rem;letter-spacing:.3em;text-transform:uppercase}.table{width:100%;border-collapse:collapse;margin-top:.5rem}.table th{text-align:left;font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--mid);border-bottom:1px solid var(--border);padding:.5rem}.table td{padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle}.table .ua{font-size:.75rem;color:var(--mid);max-width:320px;word-break:break-all}.code{font-size:1.05rem;letter-spacing:.15em}.chip{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);margin-right:.3rem}.chip-ok{background:#e6f2ea;border-color:#b7d8c2;color:var(--ok)}.chip-bad{background:#f7e7e4;border-color:#e3bcb5;color:var(--bad)}.chip-dark{background:var(--charcoal);border-color:var(--charcoal);color:var(--white)}@media(max-width:640px){.topbar{gap:.9rem;padding:0 1rem;overflow-x:auto}.page{padding:1.5rem 1rem 3rem}.table .ua{display:none}}