:root{color:#1c2430;background:#f3f4f6;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:#0b5f4e;text-decoration:none}a:hover{text-decoration:underline}h1,h2{font-weight:620;letter-spacing:-.02em}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:1.5rem 0 .6rem;font-size:1.05rem}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:1.25rem;padding:.8rem 1.5rem;background:#10231f;color:#f4f7f6}.brand{font-weight:680;letter-spacing:.04em}.topbar nav{display:flex;gap:1rem}.topbar a{color:#d5e4df}.topbar a.active{color:#fff}.spacer{flex:1}.page{padding:1.5rem 1.75rem 3rem;max-width:1100px}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.eyebrow{margin:0;color:#5d6b76;font-size:.85rem}.muted{color:#5d6b76}.error{color:#9f2d2d}.mono,code,pre{font-family:Consolas,Sarasa Mono SC,monospace}pre{background:#f7f8f8;padding:.8rem;overflow:auto;border-radius:8px}.row-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.switch{display:flex;align-items:center;gap:.4rem}.warning{color:#8a5a00}.rules{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.rules pre{max-height:280px}.log-view{max-height:360px;white-space:pre-wrap}.card{background:#fff;border:1px solid #e4e7eb;border-radius:12px;padding:1rem 1.1rem;margin:1rem 0}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,calc(100% - 2rem));display:grid;gap:.8rem}.stack{display:grid;gap:.8rem}.form-row{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}.grow{flex:1}label{display:grid;gap:.3rem;font-size:.86rem;color:#3d4a55}input,select,textarea{font:inherit;padding:.45rem .55rem;border:1px solid #cfd6dc;border-radius:8px;background:#fff}.check{display:flex;align-items:center;gap:.4rem;margin:.8rem 0}.btn{font:inherit;border:1px solid #cfd6dc;background:#fff;border-radius:8px;padding:.45rem .75rem;cursor:pointer}.btn.primary{background:#0b5f4e;color:#fff;border-color:#0b5f4e}.btn.ghost{background:transparent;color:#d5e4df;border-color:transparent}.actions{display:flex;gap:.4rem}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid #eef0f2;vertical-align:middle}th{font-size:.78rem;color:#667480;font-weight:600;background:#fafbfb}.pill{display:inline-block;border-radius:999px;padding:.05rem .5rem;font-size:.78rem;background:#eef1f3}.pill.ok,.pill.up{background:#e5f4ee;color:#0b5f4e}.pill.bad,.pill.down{background:#fde8e8;color:#9f2d2d}.pill.pending{background:#fff4d8;color:#8a5a00}.pill.unobserved,.pill.unknown{background:#eef1f3;color:#52606b}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.stat,.chart{background:#fff;border:1px solid #e4e7eb;border-radius:12px;padding:.8rem 1rem}.stat span,.chart header{color:#667480;font-size:.82rem}.stat strong,.chart strong{display:block;font-size:1.4rem}.charts{display:grid;gap:.8rem;margin-top:.8rem}.chart{color:#0b5f4e}.chart header{display:flex;justify-content:space-between}.chart svg{width:100%;height:140px}.warnings{color:#8a5a00}.token code{display:block;margin-top:.4rem;word-break:break-all}