:root{--accent-h:290;--accent-c:.2;--radius-scale:1;--density:1;--ui-font:"IBM Plex Sans", system-ui, sans-serif;--mono-font:"IBM Plex Mono", ui-monospace, monospace;--r-xs:calc(4px * var(--radius-scale));--r-sm:calc(6px * var(--radius-scale));--r-md:calc(9px * var(--radius-scale));--r-lg:calc(14px * var(--radius-scale));--r-xl:calc(20px * var(--radius-scale));--row-h:calc(30px * var(--density));--ctrl-h:calc(34px * var(--density));--pad:calc(12px * var(--density));--pad-sm:calc(8px * var(--density));--accent:oklch(.55 var(--accent-c) var(--accent-h));--accent-strong:oklch(.49 var(--accent-c) var(--accent-h));--accent-soft:oklch(.55 var(--accent-c) var(--accent-h) / .13);--accent-line:oklch(.55 var(--accent-c) var(--accent-h) / .35);--on-accent:#fff;--m-get:oklch(60% .15 152);--m-post:oklch(66% .15 70);--m-put:oklch(60% .13 250);--m-patch:oklch(58% .17 305);--m-delete:oklch(58% .18 25);--m-other:oklch(60% .02 290);--ok:oklch(60% .14 152);--info:oklch(60% .13 250);--warn:oklch(70% .14 70);--err:oklch(58% .18 25)}[data-theme=light]{--bg:oklch(98.5% .003 290);--surface:oklch(100% 0 0);--surface-2:oklch(97.5% .004 290);--surface-3:oklch(96% .006 290);--border:oklch(91.5% .006 290);--border-strong:oklch(85% .01 290);--text:oklch(27% .012 290);--text-2:oklch(47% .014 290);--text-3:oklch(62% .012 290);--shadow-sm:0 1px 2px oklch(40% .02 290/.08), 0 1px 3px oklch(40% .02 290/.06);--shadow-md:0 4px 12px oklch(40% .03 290/.1), 0 2px 4px oklch(40% .02 290/.06);--shadow-lg:0 12px 32px oklch(35% .03 290/.16), 0 4px 8px oklch(40% .02 290/.06);--canvas-bg:oklch(97% .004 290);--canvas-dot:oklch(85% .01 290);--code-key:oklch(48% .16 280);--code-string:oklch(50% .13 150);--code-number:oklch(55% .15 55);--code-bool:oklch(55% .17 310);--code-null:oklch(60% .02 290);--code-punct:oklch(55% .012 290)}[data-theme=dark]{--bg:oklch(16.5% .012 290);--surface:oklch(20.5% .014 290);--surface-2:oklch(23.5% .016 290);--surface-3:oklch(27% .018 290);--border:oklch(30% .018 290);--border-strong:oklch(40% .022 290);--text:oklch(95% .004 290);--text-2:oklch(74% .012 290);--text-3:oklch(58% .014 290);--shadow-sm:0 1px 2px oklch(0% 0 0/.3), 0 1px 3px oklch(0% 0 0/.24);--shadow-md:0 4px 14px oklch(0% 0 0/.36), 0 2px 4px oklch(0% 0 0/.28);--shadow-lg:0 16px 40px oklch(0% 0 0/.5), 0 4px 10px oklch(0% 0 0/.34);--canvas-bg:oklch(14.5% .012 290);--canvas-dot:oklch(30% .018 290);--accent:oklch(.66 var(--accent-c) var(--accent-h));--accent-strong:oklch(.6 var(--accent-c) var(--accent-h));--accent-soft:oklch(.66 var(--accent-c) var(--accent-h) / .18);--code-key:oklch(78% .12 280);--code-string:oklch(78% .13 150);--code-number:oklch(81% .12 65);--code-bool:oklch(78% .13 312);--code-null:oklch(64% .02 290);--code-punct:oklch(62% .014 290)}*{box-sizing:border-box}.t-key{color:var(--code-key)}.t-str{color:var(--code-string)}.t-num{color:var(--code-number)}.t-bool{color:var(--code-bool)}.t-null{color:var(--code-null)}.t-punct{color:var(--code-punct)}.t-comment{color:var(--text-3);font-style:italic}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14px;line-height:1.45}#app{height:100vh;overflow:hidden}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}::-webkit-scrollbar-track{background:0 0}.mono{font-family:var(--mono-font)}.focusable:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}.t{transition:background .14s,color .14s,border-color .14s,box-shadow .14s,transform .14s}.row-hover{cursor:default}.row-hover:hover{box-shadow:inset 0 0 0 2000px color-mix(in oklch, var(--text) 5%, transparent)}.row-actions{transition:opacity .12s}.row-hover:hover .row-actions{opacity:1!important}.app-shell{grid-template-rows:auto 1fr;height:100vh;display:grid}.app-body{min-height:0;display:flex}.adm-page{max-width:1200px;padding:28px 32px}.adm-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.adm-title{font-size:20px;font-weight:700}.adm-subtitle{color:var(--text-3);margin-top:2px;font-size:13px}.adm-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);height:36px;color:var(--text-3);align-items:center;gap:7px;padding:0 11px;display:flex}.adm-search input{color:var(--text);background:0 0;border:none;outline:none;width:200px;font-size:13px}.adm-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.adm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px}.adm-card-label{color:var(--text-3);font-size:12px;font-weight:600}.adm-card-value{margin-top:6px;font-size:28px;font-weight:700;line-height:1}.adm-card-sub{color:var(--text-3);margin-top:6px;font-size:11.5px}.adm-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.adm-table{border-collapse:collapse;width:100%;font-size:13px}.adm-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--surface-2);padding:11px 14px;font-size:11px;font-weight:600}.adm-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:11px 14px}.adm-table tr:last-child td{border-bottom:none}.adm-table tbody tr:hover{background:var(--surface-2)}.adm-muted{color:var(--text-3)}.adm-pag{color:var(--text-3);justify-content:space-between;align-items:center;margin-top:14px;font-size:12.5px;display:flex}.adm-pag-btns{gap:6px;display:flex}.adm-pag-btns button{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);height:30px;color:var(--text);cursor:pointer;padding:0 12px;font-size:12.5px;font-weight:600}.adm-pag-btns button:disabled{opacity:.5;cursor:default}.adm-act{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);height:28px;color:var(--text-2);cursor:pointer;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.adm-act:hover{background:var(--surface-2);color:var(--text)}.adm-act.danger:hover{color:var(--err);border-color:color-mix(in oklch, var(--err) 45%, var(--border))}.adm-empty{text-align:center;color:var(--text-3);padding:32px;font-size:13px}
