:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#20352f;background:#f3f5f1;font-size:14px;line-height:1.6;--green:#17684e;--line:#dce4dd;--muted:#6a7b73}*{box-sizing:border-box}body{margin:0}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 max(28px,calc((100vw - 1240px)/2));background:#fcfdf9}.brand{display:flex;align-items:center;gap:12px;color:var(--green);text-decoration:none;font-size:32px}.brand span{font-size:19px;font-weight:700;line-height:1.3}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:4px}header .badge{margin-left:auto}main{max-width:1240px;margin:auto;padding:36px 24px 64px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:9px 0 16px}h2{font-size:18px;margin:0 0 12px}p{margin:0 0 18px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}.muted,small{color:var(--muted)}.page-title,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{margin:0}.notice{padding:12px 16px;background:#e6eee4;border:1px solid #d5e1d3;border-radius:8px;color:#496549}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.metric{padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:#fcfdf9}.metric strong{display:block;font-size:30px;line-height:1.4}.metric span{color:var(--muted);font-size:12px}nav{display:flex;border-bottom:1px solid var(--line);gap:22px;margin:12px 0 28px;overflow:auto}nav button{background:none;color:var(--muted);border:0;border-radius:0;padding:13px 0;white-space:nowrap}nav button.active{color:var(--green);border-bottom:3px solid var(--green)}button{font:inherit;border:1px solid transparent;border-radius:6px;padding:9px 15px;background:var(--green);color:#fff;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;color:var(--green);border-color:var(--line)}.danger{background:#a13e35}.badge{font-size:12px;padding:4px 10px;border-radius:20px;background:#e2e9e3;color:#516459;display:inline-block}.badge.active{background:#d8eddf;color:#17684e}.badge.paused{background:#f7e9d8;color:#92652f}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}article{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fcfdf9;min-width:0}.endpoint{font:15px ui-monospace,SFMono-Regular,monospace;background:#edf1eb;border-radius:6px;padding:10px 12px;margin:18px 0;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:100px 1fr;row-gap:9px;font-size:13px}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.actions button{font-size:12px;padding:6px 10px}.reason{border-top:1px solid var(--line);margin:18px 0 0;padding-top:12px;color:var(--muted);font-size:12px}.filters{display:flex;gap:22px;align-items:center;margin-bottom:12px}.filters input[type=text],.filters>input{max-width:320px}.filters label{margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fcfdf9}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px;vertical-align:top;max-width:280px;overflow-wrap:anywhere}th{color:var(--muted);font-weight:500;background:#edf1eb}td input{width:70px}label{display:block;margin-bottom:14px;font-size:12px;font-weight:600}input,textarea,select{display:block;width:100%;margin-top:6px;padding:10px 12px;background:#fff;border:1px solid #ced9ce;border-radius:6px;font:inherit;color:inherit}input:focus,textarea:focus{outline:2px solid #9abbab;outline-offset:1px}input[type=checkbox]{display:inline-block;width:auto;margin:0 7px 0 0}textarea{resize:vertical}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.login{max-width:440px;margin:70px auto}.login button{width:100%;margin-bottom:18px}.event{display:grid;grid-template-columns:165px 80px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.event time{color:var(--muted)}footer{padding:25px;text-align:center;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}#message{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#183c30;color:white;padding:12px 22px;border-radius:8px;box-shadow:0 8px 25px #1232;z-index:10;max-width:90vw}dialog{width:520px;max-width:94vw;border:1px solid var(--line);border-radius:12px;padding:25px;color:inherit}dialog::backdrop{background:#173c3066}#dialog-fields{margin-top:22px}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}[hidden]{display:none!important}.empty{padding:40px;color:var(--muted);text-align:center}.file-label{margin-top:24px}@media(max-width:760px){header{padding:0 20px;height:76px;gap:10px}.brand span{font-size:16px}.brand small{font-size:8px}main{padding:24px 16px 40px}.grid{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:12px 16px}h1{font-size:27px}nav{gap:18px}.event{grid-template-columns:1fr;gap:3px}.filters{flex-wrap:wrap}article{padding:20px}}

@media(max-width:760px){nav{flex-wrap:wrap;column-gap:18px;row-gap:0;overflow:visible}}