:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#19322e;background:#f4f7f6;font-synthesis:none;--green:#167d60;--border:#e1e8e4;--muted:#758580}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:1px solid #d9e2de;border-radius:8px;background:white;color:#24483e;padding:10px 14px;cursor:pointer;white-space:nowrap;transition:background .15s}button:hover{background:#edf5f1}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77b79f;outline-offset:3px}.primary{color:white;background:var(--green);border-color:var(--green)}.primary:hover{background:#12674f}.quiet{background:transparent;border-color:transparent;color:#657a72}.small{font-size:12px;padding:7px 9px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:650;color:#173d31;text-decoration:none;white-space:nowrap}.logo{width:31px;height:31px;display:grid;place-items:center;background:#1a513e;color:#fff;border-radius:10px;font-size:22px}.product{color:#7b8a83;font-size:13px;font-weight:400;margin-left:5px}header{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 max(28px,calc((100vw - 1320px)/2));gap:20px}.header-right{display:flex;gap:18px;align-items:center}.version{font-size:12px;color:#8b9892;font-family:monospace}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;border-radius:6px;padding:5px 8px;background:#e6f4ec;color:#237856;white-space:nowrap}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.muted{background:#eef1ef;color:#7c8982}.badge.warn{background:#fff3d9;color:#976711}.badge.error{background:#fbece9;color:#b1463a}main{max-width:1320px;padding:38px 28px 50px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#5c8d77}h1{font-size:30px;letter-spacing:-.8px;margin:9px 0 8px;font-weight:650}p{line-height:1.7}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.heading p{font-size:13px;color:var(--muted);margin:0}.actions{display:flex;align-items:center;gap:7px}.heading .actions{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metrics article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.metrics article>span{display:block;font-size:11px;color:#698076}.metrics strong{display:block;font-size:29px;letter-spacing:-.7px;line-height:1.1;margin:14px 0 12px;font-weight:600;font-variant-numeric:tabular-nums}.metrics strong em{font-size:15px;color:#96a39c;font-style:normal;font-weight:400}.metrics small{display:block;color:#8a9991;font-size:10px;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:17px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:14px;font-weight:650;margin:0}.panel-title .hint{display:block;margin:6px 0 0}dl{margin:10px 0 0}dl div{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:7px 0}dt{color:#87968e;flex-shrink:0}dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#405f51}.section-label{border-top:1px solid var(--border);margin-top:19px;padding-top:19px;font-size:12px;font-weight:650}.session-status{font-size:12px;color:#627e6e;padding:12px 0 0}.field-label{display:block;font-size:11px;color:#718479;margin:17px 0 7px}input{width:100%;border:1px solid #dbe4df;background:#fcfdfc;color:#294b3c;border-radius:7px;padding:11px 12px;font-size:12px;min-width:0}input::placeholder{color:#9aa89f}.small-fields{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8f83;margin:12px 0}select{border:1px solid var(--border);padding:6px 10px;border-radius:6px;background:#fff;color:#536f5e}.listen-actions{display:flex;gap:8px}.listen-actions .primary{flex:1}.listen-actions button{font-size:12px}.hint{color:#89978f;font-size:10px;line-height:1.7}.legend h2{margin-bottom:15px}.legend p{position:relative;padding-left:17px;font-size:11px;color:#8a978f;line-height:1.8;margin:12px 0}.legend strong{font-weight:500;color:#466654}.dot{position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%}.green{background:#3b9b70}.amber{background:#c59b45}.red{background:#c47368}.transport{font-size:10px;color:#9aaba0;border-top:1px solid var(--border);padding-top:14px;margin-top:17px;line-height:1.8}.feed{padding:24px 0 0;overflow:hidden;min-height:580px}.feed>.panel-title{padding:0 24px}.filters{padding:0 24px 18px}.tabs{display:flex;gap:5px;margin-bottom:13px;overflow-x:auto}.tabs button{border:0;font-size:11px;background:transparent;color:#7a8c80;padding:7px 10px}.tabs button.selected{background:#e9f3ed;color:#27664a;font-weight:600}.filters input{background:#f7f9f7}.feed-head{display:flex;justify-content:space-between;background:#f9fbf9;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 24px;font-size:10px;color:#8a9c8e}.event{padding:18px 24px;border-bottom:1px solid #edf1ed}.event-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.event-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.event-title strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.event time{font-size:11px;color:#92a196;white-space:nowrap;font-variant-numeric:tabular-nums}.event-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#344e3d;line-height:1.7;margin:11px 0 9px}.event-text.no-text{font-size:11px;color:#9caa9f}.event-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#90a096;line-height:1.8}.event details{margin-top:9px;color:#94a098;font-size:10px}.event summary{cursor:pointer}.event pre{max-height:250px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9f7;padding:12px;border-radius:6px;font-size:10px}.event.new{animation:highlight 2s ease-out}@keyframes highlight{from{background:#edf7ef}to{background:#fff}}.empty{text-align:center;padding:72px 20px;color:#9aa69d}.empty-icon{font-size:45px;color:#b3c7b8;margin-bottom:16px}.empty h3{font-weight:500;font-size:15px;color:#7b8f81}.empty p{font-size:12px;line-height:2}.notice{background:#fff6e2;border:1px solid #efe0bd;border-radius:9px;padding:12px 16px;color:#947334;font-size:12px;margin-bottom:18px;line-height:1.7;white-space:pre-line}.login{max-width:640px;margin:65px auto 110px;border:1px solid var(--border);border-radius:18px;background:#fff;padding:45px;box-shadow:0 12px 70px #234b3210}.login h1{font-size:29px;margin-top:15px}.login>p{font-size:13px;color:#859187}.login form{margin-top:32px}.login label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.key-row{display:flex;gap:9px}.key-row button{font-size:12px}.login .hint{font-size:10px;margin-top:13px}.login-points{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:23px;margin-top:30px;font-size:11px;color:#809586}.login-points span:before{content:'✓';color:var(--green);margin-right:7px}.error{color:#b45d49;font-size:12px;line-height:1.7}.toast{position:fixed;right:25px;bottom:24px;max-width:min(420px,calc(100vw - 40px));background:#204c37;color:white;box-shadow:0 8px 25px #1d3d3225;padding:14px 20px;border-radius:10px;font-size:13px;line-height:1.6;z-index:9;white-space:pre-wrap;overflow-wrap:anywhere}footer{max-width:1320px;margin:auto;padding:0 28px 25px;display:flex;justify-content:space-between;font-size:10px;color:#a1ada4}footer span{color:#aab5ac}[hidden]{display:none!important}
@media(max-width:1000px){.metrics{gap:10px}.metrics article{padding:16px}.workspace{grid-template-columns:250px minmax(0,1fr);gap:15px}.panel{padding:18px}.feed{padding:20px 0 0}.feed>.panel-title{align-items:flex-start;flex-direction:column}.feed>.panel-title,.filters{padding-left:18px;padding-right:18px}.event,.feed-head{padding-left:18px;padding-right:18px}.metrics strong{font-size:25px}}
@media(max-width:700px){header{height:65px;padding:0 18px}.brand{font-size:15px}.product,.version{display:none}main{padding:25px 16px 32px}.heading{align-items:flex-start;gap:15px;flex-direction:column}h1{font-size:27px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics strong{font-size:26px}.metrics small{font-size:9px;line-height:1.6}.workspace{display:flex;flex-direction:column;gap:0}.workspace aside,.feed{width:100%}.legend{display:none}.panel{border-radius:10px}.panel-title{margin-bottom:13px}.feed>.panel-title{flex-direction:row;align-items:center}.feed .actions{gap:0;flex-wrap:wrap;justify-content:flex-end}.feed .small{font-size:10px;padding:6px}.feed{min-height:440px}.event-top{align-items:flex-start}.event-title{gap:6px}.event-title strong{font-size:12px}.event time{font-size:10px;margin-top:4px}.event-meta{gap:7px}.tabs{gap:0}.tabs button{padding:7px 9px;font-size:10px}.login{padding:29px 22px;margin:35px auto 65px}.login h1{font-size:25px}.key-row{flex-direction:column}.key-row input{font-size:16px}.key-row button{padding:12px}.login-points{font-size:9px;gap:8px}.login-points span:before{margin-right:4px}footer{padding:0 18px 25px;gap:15px;line-height:1.7}.empty{padding:50px 15px}input,select{font-size:16px}.toast{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}