*{box-sizing:border-box}body{margin:0;color:#243b42;background:#f3f6f6;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #dce4e5;padding:8px 13px;border-radius:7px;color:#345057}button:hover{border-color:#167c72;color:#167c72}button:disabled{opacity:.5;cursor:wait}.primary{background:#167c72;color:#fff;border-color:#167c72}.primary:hover{background:#10675e;color:#fff}input,select,textarea{border:1px solid #d9e2e3;border-radius:7px;background:#fff;padding:10px;color:#243b42;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #8bc9c0}label{display:flex;flex-direction:column;gap:8px;margin:16px 0}textarea{min-height:85px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.6px;margin-bottom:9px}h3{font-size:16px}small{font-size:12px;font-weight:400;color:#829397}td small,.line small{display:block;margin-top:6px}.muted{color:#829397}.green{color:#167c72}.orange{color:#c17a3c}.error{color:#c44848}.layout{display:flex;min-height:100vh}aside{width:218px;background:#142f36;color:#c4d4d7;position:fixed;top:0;bottom:0;padding:30px 18px;display:flex;flex-direction:column;gap:7px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 37px;font-size:21px;font-weight:600;color:#fff}.brand small{display:block;font-size:11px;color:#9bb6bc;margin-top:5px;letter-spacing:2px}.logo{display:inline-flex;align-items:center;justify-content:center;background:#2a8278;color:#fff;width:42px;height:44px;border-radius:12px;font-size:23px}.nav-label{font-size:11px;color:#78949b;padding:10px 15px}aside button{text-align:left;background:none;border:none;color:#a8c0c5;padding:13px 15px}aside button span{display:inline-block;width:30px;font-size:18px}aside button.active{background:#275059;color:#fff}aside button:hover{background:#21434b;color:#fff}.aside-bottom{margin-top:auto;padding:25px 12px 0;border-top:1px solid #2b4850;line-height:1.8}main{margin-left:218px;min-width:0;flex:1}header{height:76px;background:#fff;border-bottom:1px solid #e4ebec;display:flex;justify-content:space-between;align-items:center;padding:0 36px;color:#7b8e94;font-size:13px}.text{border:0;background:transparent}.badge{font-size:11px;background:#edf5f3;color:#498176;border-radius:5px;padding:5px 8px;white-space:nowrap}.content{max-width:1600px;margin:auto;padding:34px 36px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#167c72;font-weight:600;margin-bottom:10px}.notice{background:#eaf3ef;border:1px solid #d4e7df;border-radius:9px;padding:17px 20px;line-height:1.7;color:#53766b;margin-bottom:24px}.notice strong{display:block;color:#315b4f;margin-bottom:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metrics article,.panel{background:#fff;border:1px solid #e3eaeb;border-radius:10px;padding:24px}.metrics article>span{color:#7a8d93;font-size:13px}.metrics strong{display:block;font-size:27px;letter-spacing:-1px;margin:16px 0 11px;white-space:nowrap}.metrics p{font-size:11px;color:#8fa0a4;margin:0}.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-bottom:22px}.panel{margin-bottom:18px;min-width:0}.panel h3{margin-bottom:23px}.panel h3 small{display:block;margin-top:8px}.chart{height:260px}.issue{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #eff3f3}.issue:last-child{border:0}.issue b{color:#8ab1a7;font-size:20px}.issue strong{font-size:13px}.issue p{font-size:12px;line-height:1.7;color:#829397;margin:8px 0 0}.line{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #edf2f2;padding:16px 0}.line>div{flex:1}.line b,.line strong{font-size:13px}.empty{padding:42px 20px;text-align:center;color:#8d9fa4;font-size:13px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{min-width:260px}.toolbar p{margin:0;flex:1}.table-wrap{overflow-x:auto;border:1px solid #e3eaeb;background:#fff;border-radius:10px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{background:#f8faf9;text-align:left;color:#7a8d91;font-size:12px;font-weight:500}td,th{padding:17px 16px;border-bottom:1px solid #eef2f2}td{vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:#fafcfb}details{font-size:12px;white-space:normal;max-width:650px;line-height:1.8;color:#829397}summary{cursor:pointer;color:#167c72;padding:6px 0}.follow h3{display:inline-block;margin:0 12px 15px}.follow p{line-height:1.8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#102c366b;z-index:9;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{background:#fff;border-radius:13px;width:500px;padding:28px;max-height:90vh;overflow:auto;box-shadow:0 20px 70px #102c3640}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{font-size:20px;margin:0}.dialog>.primary{width:100%}.toast{position:fixed;top:20px;left:50%;background:#167c72;color:#fff;padding:12px 30px;border-radius:8px;z-index:15}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-brand{background:#142f36;color:#a4c5c4;padding:10vh 12%;display:flex;flex-direction:column;justify-content:center}.login-brand .logo{margin-bottom:35px}.login-brand h1{color:#fff;font-size:48px;line-height:1.5;letter-spacing:1px;margin:10px 0 30px}.login-card{width:360px;max-width:90%;margin:auto}.login-card h2{font-size:26px}.login-card .primary{width:100%;padding:12px}@media(min-width:1500px){.metrics strong{font-size:32px}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.content{padding:25px 22px}aside{width:190px}main{margin-left:190px}}@media(max-width:700px){aside{position:static;width:100%;padding:15px;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.brand{width:100%;padding:0 0 10px}.nav-label,.aside-bottom{display:none}aside button{padding:8px;font-size:12px}aside button span{display:none}.layout{display:block}main{margin:0}header{height:55px;padding:0 16px;font-size:11px}.content{padding:22px 14px}.metrics{gap:10px}.metrics article{padding:16px 12px}.metrics strong{font-size:21px}.two-col{gap:0}.panel{padding:18px}.login{display:block}.login-brand{padding:30px}.login-brand h1{font-size:27px}.login-brand .logo{margin-bottom:10px}.login-card{padding:35px 0}.page-title h1{font-size:25px}.toolbar input{min-width:100%;width:100%}}