:root{--ink:#1d292a;--muted:#82908e;--green:#218a70;--border:#e6ece9;--bg:#f6f8f7}*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft Yahei',sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button,a,select{cursor:pointer}button{border:1px solid #dfe7e3;background:white;color:#43534f;border-radius:7px;padding:8px 14px;transition:.2s}button:hover{background:#edf5f1;border-color:#8db6a5}button:disabled{opacity:.5;cursor:default}input,select{border:1px solid #e0e7e3;padding:8px 12px;border-radius:7px;background:white;color:#54645f}input:focus,select:focus{outline:2px solid #8fc8b6}a{color:var(--green);text-decoration:none}aside{width:232px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);background:#fff;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:750;letter-spacing:1px;color:#1b3831}.brand small{font-size:11px;letter-spacing:2px;color:#83948d}.logo{background:#218a70;color:white;font:italic 800 26px/38px Arial;width:37px;text-align:center;border-radius:11px}.workspace{margin:33px 0 28px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:10px;padding:11px;font-size:15px}.workspace small,.admin small,.core small{display:block;font-size:13px;color:var(--muted)}.servericon{font-size:23px;color:#6c8077}.navtitle{color:#9aa69f;font-size:13px;letter-spacing:1px;margin:0 12px 12px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:14px;text-align:left;border:0;background:transparent;font-size:17px;padding:12px}nav button span{font-size:15px}nav button.active{background:#eaf5ef;color:#258068;font-weight:600}nav b{font-size:13px;margin-left:auto;background:#d9ece2;border-radius:4px;padding:0 6px}.asidebottom{margin-top:auto}.core{display:flex;gap:10px;align-items:center;background:#f7f9f7;border:1px solid var(--border);padding:12px;border-radius:8px;font-size:15px;margin-bottom:20px}i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#40a88a}.admin{display:flex;gap:10px;align-items:center;font-size:15px}.admin button{border:0;margin-left:auto;padding:5px}.avatar{display:inline-flex;width:32px;height:32px;justify-content:center;align-items:center;background:#e3eae4;border:3px solid white;border-radius:50%;font-size:14px;font-weight:700;color:#52705f}.small{width:29px;height:29px}main{margin-left:232px}header{height:73px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 35px}.crumb{font-size:15px;color:#8e9a95}.crumb span{margin:0 13px;color:#c4cdc8}.crumb b{font-weight:500;color:#50615b}.header-right{display:flex;align-items:center;gap:18px;color:#96a39b;font-size:14px}.divider{height:20px;border-left:1px solid var(--border)}.content{padding:34px;max-width:1700px;margin:auto}.pageheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#879c91}h1{font-size:28px;line-height:1.4;letter-spacing:-1px;margin:5px 0 6px}p{color:var(--muted);font-size:15px;margin:4px 0 15px}.actions{display:flex;gap:10px}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#176b57;color:#fff}.notice{font-size:15px;background:#edf5f1;border:1px solid #d8e7de;color:#567569;padding:10px 14px;border-radius:6px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}article{background:#fff;border:1px solid var(--border);border-radius:10px}.stats article{padding:21px 22px 14px;overflow:hidden;position:relative}.stathead{display:flex;justify-content:space-between;color:#73847b;font-size:15px}.stathead span{color:#7f9d8c;border:1px solid #e9eeeb;border-radius:7px;padding:1px 7px}.stats strong{display:block;font:600 29px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-1px}.stats small{font-size:13px;color:#96a29a}.minibars{height:21px;margin-top:12px;opacity:.5;background:repeating-linear-gradient(90deg,#a5d5be 0px,#a5d5be 5px,transparent 5px,transparent 10px);clip-path:polygon(0 70%,8% 60%,16% 80%,25% 40%,34% 60%,45% 20%,54% 40%,62% 10%,72% 40%,80% 0,90% 25%,100% 10%,100% 100%,0 100%)}.blue{background:repeating-linear-gradient(90deg,#acc7df 0px,#acc7df 5px,transparent 5px,transparent 10px)}.spark{font-size:16px;color:#90c4ac;height:33px;white-space:nowrap;overflow:hidden}.usersdots{font-size:16px;color:#a3c4b0;margin-top:7px}.usersdots span{font-size:12px;color:#a0aaa4;margin-left:8px}.charts{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(235px,1fr);gap:20px;margin-bottom:23px}.chartcard{padding:22px 23px 10px}.cardheading{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:16px;font-weight:600;margin:0 0 4px}.cardheading p,.ranking p{font-size:13px;margin:0;color:#97a39c}.cardheading select{font-size:14px;padding:6px 9px}.legend{display:flex;align-items:center;gap:18px;font-size:13px;color:#809188;margin:24px 0 0}.legend i{width:6px;height:6px;margin-right:5px}.bluebg{background:#92b4d5}.legend b{margin-left:auto;font-weight:500}.chart{height:215px;padding-top:8px}.chart svg{width:100%;height:100%;overflow:visible}.chartfoot{display:flex;justify-content:space-between;color:#a0aca5;border-top:1px solid #f1f4f2;padding:10px 0 0;font-size:12px}.ranking{padding:22px}.ranking h2{display:flex;justify-content:space-between}.ranking h2 span{font-size:12px;color:#a0ada5;font-weight:400;letter-spacing:1px}#ranking{min-height:247px;padding-top:12px}.rankrow{display:flex;gap:12px;align-items:center;padding:11px 0;font-size:14px}.ranknum{color:#9eaaa3;font:14px monospace}.rankname{flex:1;min-width:0}.rankname strong{font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.bar{height:4px;background:#edf3ef;border-radius:3px;margin-top:6px;overflow:hidden}.bar div{height:100%;border-radius:3px;background:#75b69b}.rankvalue{color:#62776b;font-size:13px}.rankfoot{border-top:1px solid #f0f3f1;padding-top:10px;color:#a2aea6;font-size:13px}.tablecard{overflow:hidden}.tablecard .cardheading{padding:21px 22px}.badge{font-size:13px;border-radius:5px;background:#f0f5f1;color:#6d8878;padding:3px 7px;margin-left:6px}.filters{display:flex;gap:10px}.filters input{width:185px;font-size:14px}.filters select{font-size:14px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:13px;color:#8b9a91;background:#fafcfb;font-weight:500;padding:12px 20px;border-block:1px solid #edf2ee}th button{padding:0;border:0;background:none;font-size:13px;color:inherit}td{padding:16px 20px;border-bottom:1px solid #f0f4f1;font-size:14px}.usercell{display:flex;align-items:center;gap:10px}.useravatar{width:30px;height:30px;border-radius:9px;background:#eaf3ee;color:#699680;text-align:center;line-height:30px;font-size:14px}.username{font-weight:500}.useremail{color:#a2aea7;font-size:12px}.status{background:#edf6f0;color:#619178;border-radius:4px;font-size:12px;padding:4px 7px}.status.warning{background:#fff6e5;color:#b48a3e}.status.expired{background:#fbeeed;color:#bd746a}.traffic{color:#80958a;font-size:13px}.traffic span{display:block;font-size:12px;color:#a0afa6}.quota{font-size:13px;color:#81948a;min-width:100px}.quota .bar{width:100px}td button{padding:3px 8px;font-size:13px;border:0;color:#478a6f;background:#f3f8f5}.tablefoot{display:flex;justify-content:space-between;padding:12px 22px;color:#9eaaa3;font-size:13px}footer{display:flex;justify-content:space-between;margin-top:25px;font-size:12px;color:#a3afa7;letter-spacing:1px}footer i{height:5px;width:5px;margin-right:5px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settingsgrid article{padding:25px}.settingsgrid p{margin:15px 0}.settingsgrid dl{font-size:15px;line-height:2;overflow-wrap:anywhere}dt{color:#93a198}dd{margin:0 0 10px}dialog{border:1px solid var(--border);border-radius:12px;padding:26px;max-width:500px;width:calc(100% - 32px);box-shadow:0 20px 90px #203c3530;color:var(--ink)}dialog::backdrop{background:#203c3550;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modalhead button{border:0;font-size:20px}label{display:block;font-size:15px;margin:15px 0;color:#73877b}label input{display:block;width:100%;margin-top:6px}.muted{color:#96a69b;font-size:14px;margin-top:15px}#toast{position:fixed;bottom:30px;left:50%;background:#254e3f;color:#fff;padding:12px 24px;border-radius:8px;font-size:15px;display:none;z-index:10}.empty{padding:45px 15px;text-align:center;color:#9ca99f;font-size:15px}.detailstats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.detailstats div{padding:12px;background:#f5f8f6;border-radius:7px}.detailstats strong{display:block;font-size:20px}.detailstats small{color:#8ca093}#loginerror{color:#ba6358}[hidden]{display:none!important}@media(min-width:1600px){.content{padding:40px 50px}.chart{height:250px}}@media(max-width:1150px){aside{width:195px;padding:25px 15px}main{margin-left:195px}.content{padding:24px}.stats{gap:10px}.stats article{padding:16px 15px}.stats strong{font-size:24px}.charts{grid-template-columns:minmax(0,2fr) minmax(210px,1fr)}.chartcard,.ranking{padding:17px}.brand small{display:none}.header-right #clock{display:none}.tablecard .cardheading{flex-wrap:wrap}}@media(max-width:800px){aside{width:65px;padding:25px 12px}.brand{font-size:0}.brand .logo{font-size:26px;flex-shrink:0}.workspace,.navtitle,nav button span,nav b,.asidebottom,.brand small{display:none}nav{margin-top:35px}nav button{padding:10px;font-size:20px}main{margin-left:65px}.content{padding:20px 15px}header{padding:0 18px;height:60px}.pageheading{align-items:flex-start}.eyebrow{font-size:11px}h1{font-size:25px}.pageheading p{max-width:210px;font-size:13px}.actions{gap:6px}.actions button{font-size:13px;padding:8px}.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.ranking{display:none}.settingsgrid{grid-template-columns:1fr}.notice{font-size:13px}.tablefoot span:last-child{display:none}.filters input{width:140px}footer{font-size:11px}.stats small{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Readability update: larger text with space for narrow layouts. */
.filters{flex-wrap:wrap}
.chartfoot,.tablefoot{gap:10px;flex-wrap:wrap}
.legend{flex-wrap:wrap;row-gap:8px}
.tablewrap table{min-width:860px}
.stats strong{overflow-wrap:anywhere}
@media(max-width:800px){
 .pageheading{flex-wrap:wrap;gap:14px}
 .pageheading p{max-width:none}
 .pageheading>.actions{flex-wrap:wrap}
 .filters{width:100%}
 .filters input{flex:1;min-width:130px}
 .tablecard .cardheading{padding:18px 16px}
 .chart{height:235px}
 footer{flex-wrap:wrap;gap:8px}
}