:root{--bg: #f6f6f3;--surface: #ffffff;--text: #1c1c1a;--muted: #6b6b66;--border: #e4e4df;--accent: #1f5c4a;--accent-contrast: #ffffff;--danger: #b3261e;--success: #1f7a3f;--radius: 12px;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #141413;--surface: #1d1d1b;--text: #ededea;--muted: #9a9a94;--border: #2d2d2a;--accent: #5fbf9d;--accent-contrast: #0e1f19}}*{box-sizing:border-box}body{margin:0}h1{font-size:1.5rem;margin:0 0 4px}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:.82rem}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.center{text-align:center;display:block}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error{color:var(--danger);margin:0}.success{color:var(--success);margin:0}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:8px;font-weight:700}.brand-mark{width:18px;height:18px;border-radius:4px;background:var(--accent);box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 7px var(--accent)}.content{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);background:transparent}.btn.small{padding:5px 10px;font-size:.82rem}input,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%}input[type=color]{padding:2px;height:40px;cursor:pointer}input[type=range],input[type=checkbox]{width:auto;padding:0}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:500}label.row{flex-direction:row;align-items:center}fieldset{margin:0;display:flex;flex-direction:column;gap:12px}legend{font-weight:700;padding:0 4px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.login .muted{margin:-8px 0 4px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:flex;gap:16px;align-items:center;margin-bottom:16px}.nowrap{white-space:nowrap}.qr-name{display:flex;gap:8px;align-items:baseline}.qr-number{font-variant-numeric:tabular-nums}.chip.pending{align-self:flex-start;border-color:#d9a400;color:#8a6a00;background:#fff8dc}.notice{margin:0;padding:10px 12px;border-radius:8px;background:#fff8dc;color:#6b5300;border:1px solid #ecd27a}.label-preview{display:flex;flex-direction:column;align-items:center;border-radius:8px;padding-bottom:8px}.label-preview span{font-weight:700;font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums}.qr-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.qr-row{display:grid;grid-template-columns:72px 1fr auto auto;gap:16px;align-items:center;padding:10px 16px}.qr-row.inactive{opacity:.55}.qr-info{display:flex;flex-direction:column;gap:2px;min-width:0}.qr-name{font-weight:700}.qr-meta{display:flex;flex-direction:column;align-items:center;min-width:56px}.qr-actions{display:flex;gap:10px;align-items:center}.qr-preview{display:grid;place-items:center}.qr-preview svg,.qr-preview canvas{max-width:100%;height:auto}.thumb{border-radius:6px;overflow:hidden}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.switch{position:relative;width:38px;height:22px;flex-direction:row}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border);cursor:pointer;transition:.15s}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(16px)}.editor{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.editor-form,.editor-preview{display:flex;flex-direction:column;gap:16px}.sticky{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.sticky .qr-preview{margin:0 auto}.actions{display:flex;justify-content:space-between}.stats{display:flex;flex-direction:column;gap:12px}.stat strong{font-size:1.8rem;display:block}.bars{display:flex;align-items:flex-end;gap:2px;height:60px}.bars span{flex:1;min-height:2px;background:var(--accent);border-radius:2px 2px 0 0;opacity:.85}.devices{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.78rem;padding:3px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}@media(max-width:820px){.editor{grid-template-columns:1fr}.editor-preview{order:-1}.sticky{position:static}.qr-row{grid-template-columns:56px 1fr}.qr-meta,.qr-actions{grid-column:2;flex-direction:row;justify-content:flex-start;gap:8px}.topbar{padding:12px 16px}.page-head,.filters{flex-direction:column;align-items:stretch}}@media(prefers-color-scheme:dark){.chip.pending,.notice{background:#2e2810;color:#e6c766;border-color:#5c4d14}}