:root{--bg:#f5f7fa;--card:#fff;--text:#17202a;--muted:#5d6d7e;--accent:#1457d9;--border:#dce2ea;--danger:#a61b1b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.top{height:64px;padding:0 max(1rem,calc((100% - 1080px)/2));display:flex;align-items:center;justify-content:space-between;background:#101828;color:#fff}.top nav,.top form,.actions{display:flex;align-items:center;gap:1rem}.brand{color:#fff;font-size:1.25rem;font-weight:750;text-decoration:none}.container{max-width:1080px;margin:2rem auto;padding:0 1rem;min-height:calc(100vh - 150px)}h1{margin-top:0}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:clamp(1rem,3vw,2rem);box-shadow:0 2px 8px #1020300c}.auth{max-width:480px;margin:3rem auto}form{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-weight:650}label small,fieldset small{font-weight:400;color:var(--muted)}input,select{width:100%;padding:.72rem;border:1px solid #aab4c1;border-radius:7px;background:#fff;font:inherit}input:focus,select:focus,button:focus,a:focus{outline:3px solid #8bb5ff;outline-offset:2px}fieldset{border:1px solid var(--border);border-radius:8px}.inline{display:inline-flex;grid-auto-flow:column;align-items:center;margin-right:1rem}.inline input{width:auto}button,.button{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:.72rem 1rem;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}.secondary{background:#e8edf5;color:#17202a}.link{background:none;padding:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem}.heading p{margin:0;color:var(--muted)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--border)}th{background:#f9fafb}.truncate{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert{padding:1rem;background:#e5f2ff;border-radius:8px;margin-bottom:1rem}.error,.field-error{color:var(--danger)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:2rem}.qr-preview{width:100%;max-width:420px;image-rendering:auto}.logo-preview{max-width:160px;max-height:100px}dt{font-weight:700;margin-top:1rem}dd{margin-left:0}.break{overflow-wrap:anywhere}.small{padding:.3rem .5rem;font-size:.85rem}footer{text-align:center;color:var(--muted);padding:1.5rem}@media(max-width:700px){.top nav span{display:none}.heading{align-items:flex-start}.grid,.detail{grid-template-columns:1fr}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tr{padding:.7rem;border-bottom:1px solid var(--border)}.table-wrap td{border:0;padding:.2rem}.truncate{max-width:100%}}