:root{--c-bg:#f6f7f9;--c-surface:#fff;--c-surface-2:#fafbfc;--c-border:#e3e6ea;--c-border-strong:#cfd4da;--c-text:#1a1d21;--c-text-2:#5b6470;--c-text-3:#8a929c;--c-primary:#2f6df6;--c-primary-weak:#eaf1fe;--c-primary-text:#1b4fd0;--c-danger:#d93b45;--c-danger-weak:#fdeced;--c-warn:#b7791f;--c-warn-weak:#fdf5e6;--c-ok:#1f8a53;--c-ok-weak:#e8f6ee;--r-sm:4px;--r-md:6px;--r-lg:10px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--shadow-1:0 1px 2px #1018280f;--shadow-2:0 8px 24px #1018281f;--nav-w:208px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{background:var(--c-bg);color:var(--c-text);font:var(--fs-md) / 1.5 var(--font-sans);min-width:1100px;margin:0}a{color:var(--c-primary-text)}code,.mono{font-family:var(--font-mono);font-size:var(--fs-xs)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.shell{grid-template-columns:var(--nav-w) 1fr;min-height:100vh;display:grid}.nav{background:var(--c-surface);border-right:1px solid var(--c-border);padding:var(--sp-4) var(--sp-3);gap:var(--sp-4);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.nav__brand{font-size:var(--fs-lg);padding:0 var(--sp-2);font-weight:600}.nav__brand small{font-size:var(--fs-xs);color:var(--c-text-3);font-weight:400;display:block}.nav__list{flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav__link{padding:var(--sp-2) var(--sp-2);border-radius:var(--r-md);color:var(--c-text-2);font-size:var(--fs-sm);text-decoration:none;display:block}.nav__link:hover{background:var(--c-surface-2);color:var(--c-text)}.nav__link[aria-current=page]{background:var(--c-primary-weak);color:var(--c-primary-text);font-weight:500}.nav__who{border-top:1px solid var(--c-border);padding-top:var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-2);gap:var(--sp-2);flex-direction:column;display:flex}.main{padding:var(--sp-5) var(--sp-6);min-width:0}.page__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.page__title{font-size:var(--fs-xl);margin:0;font-weight:600}.page__hint{color:var(--c-text-2);font-size:var(--fs-sm);margin:var(--sp-1) 0 0;max-width:76ch}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card__body{padding:var(--sp-4)}.grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}a.card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-2,var(--shadow-1))}.btn{font:inherit;font-size:var(--fs-sm);border-radius:var(--r-md);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);cursor:pointer;align-items:center;gap:var(--sp-2);white-space:nowrap;padding:6px 12px;display:inline-flex}.btn:hover:not(:disabled){background:var(--c-surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--c-primary-text)}.btn--danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.93)}.btn--ghost{color:var(--c-primary-text);background:0 0;border-color:#0000}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field__label{font-size:var(--fs-xs);color:var(--c-text-2);font-weight:500}.field__hint{font-size:var(--fs-xs);color:var(--c-text-3)}.field__error{font-size:var(--fs-xs);color:var(--c-danger)}.input,.select,.textarea{font:inherit;font-size:var(--fs-sm);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);width:100%;padding:6px 8px}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary)}.textarea{resize:vertical;min-height:72px}.filters{align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.filters .field{min-width:150px}.filters__actions{gap:var(--sp-2);margin-left:auto;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);vertical-align:top}.table th{background:var(--c-surface-2);color:var(--c-text-2);font-weight:500;font-size:var(--fs-xs);white-space:nowrap;position:sticky;top:0}.table tbody tr:hover{background:var(--c-surface-2)}.table__empty,.table__loading{padding:var(--sp-6);text-align:center;color:var(--c-text-3);font-size:var(--fs-sm)}.table__pager{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-2);display:flex}.table__pager .btn{font-size:var(--fs-xs);padding:4px 10px}.badge{font-size:var(--fs-xs);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:1px 7px;font-weight:500;display:inline-block}.badge--neutral{background:var(--c-surface-2);color:var(--c-text-2);border-color:var(--c-border)}.badge--ok{background:var(--c-ok-weak);color:var(--c-ok)}.badge--warn{background:var(--c-warn-weak);color:var(--c-warn)}.badge--danger{background:var(--c-danger-weak);color:var(--c-danger)}.badge--info{background:var(--c-primary-weak);color:var(--c-primary-text)}.toasts{right:var(--sp-5);bottom:var(--sp-5);gap:var(--sp-2);z-index:50;flex-direction:column;max-width:420px;display:flex;position:fixed}.toast{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:var(--sp-3);font-size:var(--fs-sm);gap:var(--sp-3);border-left-width:3px;align-items:flex-start;display:flex}.toast--error{border-left-color:var(--c-danger)}.toast--success{border-left-color:var(--c-ok)}.toast--info{border-left-color:var(--c-primary)}.toast__close{cursor:pointer;color:var(--c-text-3);font-size:var(--fs-md);background:0 0;border:none;margin-left:auto;padding:0 2px;line-height:1}.dialog{border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);width:min(520px,92vw);color:var(--c-text);background:var(--c-surface);padding:0}.dialog::backdrop{background:#1018286b}.dialog__head{padding:var(--sp-4);border-bottom:1px solid var(--c-border)}.dialog__title{font-size:var(--fs-lg);margin:0;font-weight:600}.dialog__body{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.dialog__foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-border);justify-content:flex-end;gap:var(--sp-2);display:flex}.login{min-height:100vh;padding:var(--sp-5);place-items:center;display:grid}.login__card{width:380px;max-width:100%}.login__title{margin:0 0 var(--sp-1);font-size:var(--fs-2xl);font-weight:600}.login__sub{margin:0 0 var(--sp-4);color:var(--c-text-2);font-size:var(--fs-sm)}.login__form{gap:var(--sp-3);flex-direction:column;display:flex}.login__switch{margin-top:var(--sp-3);text-align:center;font-size:var(--fs-xs)}.json{font-family:var(--font-mono);font-size:var(--fs-xs);white-space:pre-wrap;word-break:break-all;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:var(--sp-2);max-height:220px;margin:0;overflow:auto}.kv-tree{font-size:var(--fs-sm);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);max-height:360px;overflow:auto}.kv-tree__grid{gap:2px var(--sp-3);grid-template-columns:max-content 1fr;margin:0;display:grid}.kv-tree__grid dt{color:var(--c-text-2)}.kv-tree__grid dd{word-break:break-word;min-width:0;margin:0}.kv-tree__list{padding-left:var(--sp-4);gap:var(--sp-1);flex-direction:column;margin:0;display:flex}.rule-form{gap:var(--sp-3) var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.rule-form__wide{grid-column:1/-1}.rule-form__title{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);font-weight:600}.rule-form .table .field{min-width:140px}.input-unit{align-items:center;gap:var(--sp-2);display:flex}.input-unit .input{flex:1;min-width:0}.input-unit__suffix{color:var(--c-text-2);font-size:var(--fs-sm);white-space:nowrap}.field--rewrite .field__label{color:var(--c-danger)}.chip{align-items:center;gap:var(--sp-2);background:var(--c-primary-weak);color:var(--c-primary-text);font-size:var(--fs-xs);border-radius:999px;padding:2px 4px 2px 10px;display:inline-flex}.qr{border:1px solid var(--c-border);border-radius:var(--r-sm);background:#fff;width:180px;height:180px;padding:8px}.muted{color:var(--c-text-3)}.nowrap{white-space:nowrap}.row{align-items:center;gap:var(--sp-2);display:flex}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.banner{border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-sm);border:1px solid #0000}.banner--warn{background:var(--c-warn-weak);color:#6b4a08;border-color:#efdcb4}.banner--danger{background:var(--c-danger-weak);color:#8f1f27;border-color:#f3c3c7}.banner--ok{background:var(--c-ok-weak);color:#136139;border-color:#bfe3cd}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}