:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#e8edf5;--text:#1b1f27;--muted:#5d6675;--border:#d6dce6;--primary:#1565c0;--primary-text:#fff;--danger:#c62828;--warn:#b26a00;--low:#fdecea;--group:#eef3fb;--bubble-ring:#b8c0cc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}:root[data-theme=dark]{--bg:#11151c;--surface:#1a1f28;--surface-2:#2a313d;--text:#e6e9ef;--muted:#9aa3b2;--border:#333b48;--primary:#64a8f5;--primary-text:#0b1220;--danger:#ef7a7a;--warn:#f2b35a;--low:#3a2224;--group:#1f2733;--bubble-ring:#8a94a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11151c;--surface:#1a1f28;--surface-2:#2a313d;--text:#e6e9ef;--muted:#9aa3b2;--border:#333b48;--primary:#64a8f5;--primary-text:#0b1220;--danger:#ef7a7a;--warn:#f2b35a;--low:#3a2224;--group:#1f2733;--bubble-ring:#8a94a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:.25rem 0;font-size:1.5rem}h2{margin:0;font-size:1.15rem}h3{margin:0 0 .5rem;font-size:1rem}code{color:var(--muted);font-size:.85em}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.warn{color:var(--warn)}.info{color:var(--primary)}.spacer{flex:1}.empty{text-align:center;color:var(--muted);padding:2rem}button,select,input,textarea{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px}button{cursor:pointer;padding:.45rem .9rem}button:hover:not(:disabled){border-color:var(--primary)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text);font-weight:600}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger-text{color:var(--danger)}button.small{padding:.25rem .6rem;font-size:.85rem}button.icon{width:2rem;height:2rem;padding:0}button.icon.small{width:1.7rem;height:1.7rem}button.link{color:var(--primary);background:0 0;border:none}input,select,textarea{width:100%;padding:.5rem .65rem}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.center{place-items:center;min-height:100vh;padding:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:1.5rem}.login{text-align:center;flex-direction:column;gap:.75rem;display:flex}.login label{text-align:left}label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}label.check{flex-direction:row;align-items:center;gap:.5rem}label.check input{width:auto}.hint{color:var(--primary)}.topbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.topbar select{width:auto}.brand{align-items:center;gap:.5rem;font-weight:700;display:flex}.tabs{gap:.25rem;display:flex}.tabs button{background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0}.tabs button.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.user{color:var(--muted);font-size:.9rem}.content{max-width:1300px;margin:0 auto;padding:1rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toolbar input[type=search]{max-width:340px}.toolbar select{width:auto}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.45rem .6rem}thead th{color:var(--muted);font-size:.8rem;font-weight:600}tr.group th{background:var(--group);color:var(--primary);font-size:.9rem}tr.low td{background:var(--low)}tr.row-error td{color:var(--danger)}td.num,th.num{text-align:right;white-space:nowrap}td.qty{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}td.qty strong{text-align:center;min-width:2ch}td.desc{color:var(--muted);max-width:280px}td.actions{white-space:nowrap;text-align:right}.name{align-items:center;gap:.5rem;display:flex}.name img{object-fit:cover;border-radius:6px;width:32px;height:32px}.tag{color:var(--primary);white-space:nowrap;font-size:.85rem}.bubble,.bubble-empty{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.bubble{border:1px solid var(--bubble-ring)}.modal-backdrop{z-index:10;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:92vh;display:flex}.modal.wide{width:min(920px,100%)}.modal header,.modal footer{align-items:center;gap:.5rem;padding:.9rem 1.1rem;display:flex}.modal header{border-bottom:1px solid var(--border);justify-content:space-between}.modal header .icon{border:none}.modal footer{border-top:1px solid var(--border);justify-content:flex-end}.modal-body{flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex;overflow-y:auto}.form{flex-direction:column;gap:.75rem;display:flex}.row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.split{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}fieldset{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.6rem;display:flex}legend{color:var(--muted);font-size:.9rem}.bubble-editor{align-items:center;gap:.75rem;display:flex}.bubble-editor label{flex:1}.swatches{flex-wrap:wrap;gap:.4rem;display:flex}.swatch{border:1px solid var(--bubble-ring);border-radius:50%;width:32px;height:32px;padding:0;font-weight:700}.swatch.selected{outline:3px solid var(--primary);outline-offset:1px}.swatch.none{color:var(--muted)}.preview{background:var(--bg);border-radius:10px;max-height:60vh;padding:.75rem;overflow-y:auto}ul.plain{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}ul.plain li{align-items:center;gap:.5rem;display:flex}.columns{flex-wrap:wrap;gap:.4rem;display:flex}.columns code{background:var(--surface-2);color:var(--text);border-radius:6px;padding:.1rem .4rem}textarea.paste{font-family:ui-monospace,monospace;font-size:.85rem}@media (width<=720px){.row,.split{grid-template-columns:1fr}.user,td.desc,th:nth-child(5){display:none}}.theme-toggle{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.theme-toggle button{background:var(--surface);border:none;border-radius:0;padding:.25rem .55rem}.theme-toggle button[aria-pressed=true]{background:var(--primary);color:var(--primary-text)}.login .theme-toggle{align-self:center}