:root{color-scheme:light;--ink:#192d28;--muted:#66766f;--line:#dfe8e2;--accent:#21624c;--paper:#fff;--wash:#f4f7f3}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}main{max-width:1320px;margin:auto;padding:48px 30px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--accent)}h1{font-size:32px;letter-spacing:-.03em;margin:10px 0 4px}h2{font-size:18px;font-weight:650;margin:0 0 18px}p{margin:0;color:var(--muted)}button,input,select{font:inherit;min-height:42px;border:1px solid #c7d6cc;border-radius:7px;background:white;padding:9px 13px;color:var(--ink)}button{cursor:pointer;white-space:nowrap}button:hover{background:#eaf1eb}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#164f3c}input:focus,select:focus,button:focus-visible{outline:3px solid #8bb9a4;outline-offset:2px}label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 4px #223d2b03}.login{max-width:470px;margin:58px auto}.login p{margin-bottom:24px}.login form{display:grid;gap:12px}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics .panel{display:flex;flex-direction:column}.metrics strong{font-size:36px;font-weight:650;line-height:1.3;margin:10px 0}.metrics span,.metrics small{color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h2{margin:0}.section-title span,footer{font-size:12px;color:var(--muted)}.rank{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.rank span{overflow-wrap:anywhere}.rank:last-child{border:0}.trend{height:170px;display:flex;align-items:flex-end;gap:3px;overflow-x:auto;padding-top:22px}.bar{height:var(--height);min-height:3px;min-width:7px;flex:1;background:#7ba68f;border-radius:3px 3px 0 0;position:relative}.bar:hover{background:var(--accent)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line);padding:12px 10px;white-space:nowrap}td{border-bottom:1px solid #edf1ee;padding:14px 10px;max-width:260px;overflow-wrap:anywhere;vertical-align:top}td:first-child{white-space:nowrap}code{font-size:11px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px}#message{min-height:24px;margin-bottom:12px;color:#954d23}footer{margin:22px 0}.empty{padding:28px 0;color:var(--muted);text-align:center}@media(max-width:700px){main{padding:26px 16px}.metrics{grid-template-columns:1fr;gap:0}.metrics .panel{margin-bottom:12px}.columns{grid-template-columns:1fr;gap:0}.panel{padding:18px}.toolbar label{flex:1;min-width:130px}.toolbar button{flex:1}h1{font-size:27px}.section-title{align-items:flex-start;flex-direction:column}.login{margin:26px auto}}
:is(header) #logout{flex-shrink:0}
@media(max-width:700px){header{display:block;position:relative}header p{font-size:13px}header #logout{position:absolute;right:0;top:39px}}