:root{font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"PingFang SC",sans-serif;color:#183d3b;background:#f6f5eb;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px 24px}header,.line{display:flex;align-items:center;gap:16px;justify-content:space-between}header{padding-bottom:24px;border-bottom:2px dashed #bdd2c1}header h1{font-size:28px;margin:0}header p{margin:4px 0;color:#64776e}.logo{font-size:42px;background:#def0dc;border-radius:20px;padding:12px}header>div:nth-child(2){flex:1}#clock{font-size:12px;color:#61776d}h2{font-size:20px;margin:28px 0 16px}button{background:#206a56;border:0;color:white;padding:11px 17px;border-radius:12px;font:inherit;cursor:pointer}button:hover{background:#154e40}button.secondary{background:#e9ede3;color:#315748}button.danger{color:#9f382f;background:#fae3da}button:disabled{opacity:.5;cursor:wait}input{padding:12px;border:1px solid #becbbd;border-radius:10px;width:100%;font:inherit;background:#fffef9}label{display:block;margin:13px 0 6px}.login{max-width:410px;background:#fffef9;border:1px solid #dce2d1;border-radius:24px;box-shadow:0 12px 0 #e4eadc;margin:65px auto;padding:32px}.login button{margin-top:20px;width:100%}.login p{line-height:1.7;color:#6b7768}.mascot{font-size:54px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric{padding:20px;background:#e2eedc;border-radius:20px}.metric:nth-child(2){background:#fae8c9}.metric:nth-child(3){background:#dee9ef}.metric:nth-child(4){background:#eee0f1}.metric strong{display:block;font-size:27px;margin-top:6px}.nodes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:#fffef9;border:1px solid #d9dece;border-radius:20px;padding:22px;min-width:0}.card h3{margin:0 0 10px;font-size:18px}.muted,.source{color:#758071;font-size:12px;line-height:1.65}.source{margin-top:12px}.pill{background:#e1edda;color:#326344;padding:5px 9px;border-radius:20px;font-size:12px;white-space:nowrap}.pill.off{background:#f8ded4;color:#914d3b}.numbers{display:flex;gap:20px;margin:18px 0}.numbers strong{display:block;font-size:21px}.bar{height:9px;background:#edf0e5;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:#76ac7b;width:0}.bar i.warn{background:#d8a253}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}dt{color:#6c7d6b;font-size:12px}dd{margin:2px 0;font-size:14px}.users{display:grid;gap:14px}.userhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.userstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.userstats strong{display:block;margin-top:5px}.actions{display:flex;gap:8px;flex-wrap:wrap}.linkbox{display:block;margin-top:12px;font-size:12px;overflow-wrap:anywhere;color:#527161}details{margin-top:24px;padding:20px;background:#edf0e3;border-radius:16px}li{line-height:1.8;margin:5px 0}.footer{text-align:center;color:#81907e;font-size:12px;margin-top:26px}dialog{border:1px solid #d5dfcd;border-radius:22px;max-width:440px;width:94%;padding:25px;background:#fffef8;color:inherit}dialog::backdrop{background:#17372d70}dialog h2{margin-top:0}dialog p{font-size:13px;line-height:1.7}#error{color:#aa4439}#period{font-size:12px;color:#73806b}a{color:#226b59} [hidden]{display:none!important}@media(max-width:720px){main{padding:20px 14px}.summary{grid-template-columns:1fr 1fr}.nodes{grid-template-columns:1fr}.userstats{grid-template-columns:1fr 1fr}header{flex-wrap:wrap}#clock{order:4;width:100%}header h1{font-size:24px}.card{padding:18px}.metric strong{font-size:23px}.login{margin-top:35px}}
