:root{--bg:#fff;--surface:#f5f3f7;--text:#1b1523;--muted:#5e5668;--border:#d9d3e0;--primary:#6b2fd6;--danger:#b3261e;--urgent:#b3261e;--high:#b86e00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121016;--surface:#1f1b25;--text:#f4f0f8;--muted:#b4abbf;--border:#3a3342;--primary:#b99aff;--danger:#f2b8b5;--urgent:#f2b8b5;--high:#ffcc80}}body{background:var(--bg);color:var(--text);margin:0}main{max-width:1100px;margin:0 auto;padding:16px}main.center{text-align:center;max-width:420px;margin-top:15vh}nav,.toolbar,.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.error{color:var(--danger)}button,select,input,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 12px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.selected{border-color:var(--primary);color:var(--primary)}button.danger{border-color:var(--danger);color:var(--danger)}button.link{color:var(--primary);background:0 0;border:none;text-decoration:underline}input:not([type=checkbox]){min-width:280px}.item{border:1px solid var(--border);border-left-width:6px;border-radius:10px;margin-bottom:12px;padding:12px}.item.urgent{border-left-color:var(--urgent)}.item.high{border-left-color:var(--high)}.item header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.badge{text-transform:uppercase;background:var(--surface);border-radius:999px;padding:2px 8px;font-size:12px}.badge.urgent{color:var(--urgent)}.badge.high{color:var(--high)}.media{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}figure{flex-direction:column;gap:4px;margin:0;display:flex}.photo{object-fit:cover;background:var(--surface);border-radius:8px;width:180px;height:240px}.photo.loading,.photo.missing{color:var(--muted);place-items:center;font-size:13px;display:grid}.confirm,.statement{border:1px dashed var(--border);border-radius:8px;flex-direction:column;gap:8px;margin:8px 0;padding:12px;display:flex}.statement label{flex-direction:column;gap:4px;display:flex}.json{background:var(--surface);border-radius:8px;max-height:320px;padding:8px;font-size:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px}code{font-size:12px}.cards{flex-wrap:wrap;gap:12px;margin:8px 0 12px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:140px;padding:10px 14px}.stat.warn{border-color:var(--danger)}.stat-value{font-size:22px;font-weight:700}.meter{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.meter>div{background:var(--primary);height:100%}.histogram{margin:12px 0}.bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:3px;height:120px;display:flex}.bar-col{height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;font-size:10px;display:flex}.bar{background:var(--primary);border-radius:3px 3px 0 0;width:100%;min-height:1px}.bar.below{background:var(--muted)}.confirm label{flex-direction:column;gap:4px;display:flex}
