:root{--bg:#f1f4ee;--surface:#fff;--ink:#0f2a3d;--muted:#46545f;--action:#17776d;--bobber:#e5412e;--catch:#f2b92e;--line:#0f2a3d1f;--shadow:0 6px 20px #04222a1f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code{background:#0f2a3d0f;border-radius:6px;padding:1px 5px;font-size:12px}h1{margin:0;font-size:22px}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 8px;font-size:13px}.muted{color:var(--muted);margin:4px 0 0}.center{text-align:center}.grow{flex:1}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:12px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:8px;padding:4px 8px;font-size:16px;font-weight:800;display:flex}.brand small{color:var(--muted);font-size:12px;font-weight:600}.nav{flex-direction:column;flex:1;gap:10px;display:flex}.nav__title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px 2px;font-size:11px}.nav__item{border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px;font-weight:600;display:flex}.nav__item:hover{background:#0f2a3d0d}.nav__item.is-active{color:var(--action);background:#17776d1f}.nav__name{color:var(--muted);font-size:11px;font-weight:500}.side__logout{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px;display:inline-flex}.side__logout:hover{background:#0f2a3d0d}.main{min-width:0;padding:20px 24px 40px}.page-head{margin-bottom:14px}.page-head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-head__actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 12px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--action);color:#fff;border-color:#0000}.btn--danger{color:var(--bobber)}.search{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.search input{width:260px;color:var(--ink);background:0 0;border:0;outline:0}.alert{color:#8a1c12;white-space:pre-wrap;background:#fdecea;border-radius:12px;margin:8px 0;padding:10px 12px}.alert--pre{max-height:160px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.table-wrap{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;max-height:calc(100vh - 220px);overflow:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{background:var(--surface);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);z-index:1;padding:10px 12px;font-weight:700;position:sticky;top:0}.table th.is-sorted{color:var(--ink)}.table th span{margin-right:4px}.table td{border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;max-width:320px;padding:8px 12px;overflow:hidden}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#17776d0f}.cell--number{font-variant-numeric:tabular-nums;text-align:right}.cell--json,.cell--array{color:var(--muted)}.null{color:#46545f80;font-style:italic}.pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.tiles__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.tile{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:14px;display:block}.tile:hover{outline:2px solid #17776d59}.tile__n{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.tile__label{margin-top:2px;font-weight:700}.tile__name{color:var(--muted);font-size:11px}.drawer{z-index:10;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer__scrim{background:#0f2a3d40;position:absolute;inset:0}.drawer__panel{background:var(--surface);flex-direction:column;width:min(560px,100vw);height:100%;display:flex;position:relative;box-shadow:-10px 0 40px #04222a33}.drawer__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:18px 20px 12px;display:flex}.drawer__head h2{text-transform:none;letter-spacing:0;color:var(--ink);word-break:break-all;margin:0;font-size:16px}.drawer__body{flex-direction:column;flex:1;gap:12px;padding:12px 20px;display:flex;overflow-y:auto}.drawer__foot{border-top:1px solid var(--line);gap:8px;padding:12px 20px;display:flex}.field label{justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.field__type{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;outline:0;width:100%;padding:8px 10px}.field textarea{resize:vertical;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--action);background:var(--surface)}.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.55}.field__null{color:var(--muted);gap:6px;margin-top:4px;justify-content:flex-start!important;font-weight:500!important;display:inline-flex!important}.login{place-items:center;min-height:100vh;display:grid}.login__card{background:var(--surface);width:min(420px,92vw);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:24px;display:flex}.login__card h1{align-items:center;gap:8px;font-size:18px;display:flex}.login__card input{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 12px}