:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172b36;background:#f3f5f5;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:224px;padding:35px 24px;background:#122f34;color:#e7f4ee}.brand{font-size:24px;font-weight:700}aside p{font-size:9px;letter-spacing:2px;color:#8eaba9;margin-bottom:55px}nav{background:#25494b;border-radius:8px;padding:15px;font-size:13px}aside small{position:absolute;bottom:32px;color:#9eb6b4;line-height:1.9}main{margin-left:224px;padding:44px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}h1{font-size:30px;letter-spacing:-1px;margin:14px 0}header p{color:#72818b}.eyebrow{font-size:10px;letter-spacing:2px;color:#6b8381}#status{color:#287b68;background:#e0eee7;padding:8px 13px;border-radius:20px;font-size:12px}section{margin-bottom:22px}.filters,.panel,#login{background:white;border:1px solid #e2e8e6;border-radius:12px;padding:24px}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap}label{display:grid;gap:8px;color:#66777c;font-size:12px}input,select,button{border:1px solid #d8e1df;border-radius:6px;padding:11px 14px;font:inherit;background:white;color:#243f44}button{background:#1b705c;color:white;border-color:#1b705c;cursor:pointer}.secondary{background:white;color:#42645e}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{padding:23px 18px;background:white;border:1px solid #e2e8e6;border-radius:10px}.card span{color:#7b8d91;font-size:12px}.card strong{display:block;font-size:30px;margin-top:15px;font-weight:600}.card:first-child{background:#1b705c;color:white}.card:first-child span{color:#bfddd3}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:15px;margin:0}.heading span{font-size:11px;color:#8b999e}.trend{height:170px;display:flex;gap:12px;align-items:end;padding-top:20px}.bar{flex:1;min-width:15px;max-width:90px;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:7px;font-size:10px;color:#7a8d91}.bar i{display:block;width:65%;background:#71ad98;border-radius:4px 4px 0 0;min-height:2px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid .panel{margin:0}.row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #f0f3f2;font-size:12px}.row span{overflow-wrap:anywhere;color:#60757a}.row b{font-weight:500}.empty{color:#94a39f;padding:30px 0;font-size:13px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap;text-align:left}th{color:#8a999c;font-weight:500;padding:12px 10px;border-bottom:1px solid #e4eae7}td{padding:15px 10px;border-bottom:1px solid #eef2f0;max-width:260px;overflow:hidden;text-overflow:ellipsis}footer{font-size:11px;color:#899794;line-height:1.8;margin-top:24px}#login h2{margin-bottom:20px}#loginform{display:flex;gap:12px}[hidden]{display:none!important}@media(max-width:1100px){aside{width:180px;padding:30px 16px}main{margin-left:180px;padding:28px}.cards{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:static;width:100%;padding:18px}aside p,aside small,nav{display:none}main{margin:0;padding:20px}h1{font-size:23px}header{gap:8px}#status{white-space:nowrap;font-size:10px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.filters{padding:16px}.heading{align-items:start;gap:12px}.heading span{max-width:140px}.card strong{font-size:26px}}

.hint{font-size:12px;color:#7b8d91;line-height:1.8}.siteitem{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7efeb;padding:18px 0}.siteitem small{font-size:11px;color:#75958a}.siteitem p{margin:5px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;padding:8px 12px}#siteform{padding:20px;background:#f5f8f7;border-radius:8px;display:grid;gap:14px;margin-bottom:18px}textarea{font:inherit;border:1px solid #d8e1df;border-radius:6px;padding:12px;resize:vertical;width:100%}#snippetpanel{background:#edf5f1;padding:20px;border-radius:8px;margin-top:15px}#snippet{margin-bottom:12px;font-family:monospace}#siteerror{color:#aa443d;margin:0}@media(max-width:700px){.siteitem{align-items:start;flex-direction:column}.siteitem .hint{overflow-wrap:anywhere}}