:root{--orange:#ff5a00;--black:#0b0b0b;--graphite:#333;--muted:#6b6b6b;--light:#f2f2f2;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f7f7f8;color:var(--graphite);font:15px/1.5 Inter,system-ui,-apple-system,sans-serif}a{color:#c94700}header{background:var(--black);color:#fff;padding:16px 0}header .wrap{display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;color:#fff;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}main{padding:32px 0 60px}.nav{display:flex;gap:12px;align-items:center}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:22px;margin-bottom:18px;box-shadow:0 2px 8px #0000000a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.grid .card{margin:0}h1,h2,h3{color:var(--black);line-height:1.2}h1{margin-top:0}.muted{color:var(--muted)}.button,button{display:inline-block;border:0;border-radius:6px;padding:10px 16px;background:var(--orange);color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.button.secondary,button.secondary{background:var(--graphite)}button.link{padding:0;background:none;color:#fff}label{display:block;font-weight:700;margin:12px 0 5px}input,select{width:100%;border:1px solid #bbb;border-radius:6px;padding:10px;font:inherit}form.inline{display:inline}form.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}form.row>div{flex:1;min-width:150px}.alert{border-radius:6px;padding:12px 15px;margin-bottom:18px;background:#e8f7eb;color:#185c23}.alert.warning{background:#fff3d6;color:#7a5100}.alert.error{background:#fde7e5;color:#93231c}.badge{display:inline-block;border-radius:999px;background:var(--light);padding:3px 9px;font-size:12px;font-weight:800}.badge.active{background:#dff5e4;color:#17612a}.auth{width:min(460px,calc(100% - 32px));margin:50px auto}.auth .card{padding:30px}.errors{color:#a22;margin:0 0 16px}.qr svg{max-width:220px;height:auto}.code{font-family:ui-monospace,monospace;background:var(--light);padding:10px;border-radius:6px;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #ddd}@media(max-width:600px){.wrap{width:min(100% - 20px,1120px)}main{padding-top:20px}header .wrap{align-items:flex-start}.nav{flex-direction:column;align-items:flex-end}}