*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#263448;font-family:Inter,"Segoe UI",Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #656cdb;outline-offset:3px}header{background:#fff;border-bottom:1px solid #e2e7ed}.header-inner{max-width:1400px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:13px;align-items:center}.logo{display:grid;place-items:center;position:relative;background:#263b51;color:#fff;border-radius:12px;width:46px;height:46px;font-size:15px;font-weight:750}.logo span{position:absolute;bottom:-2px;right:-2px;border:3px solid white;background:#2fa783;border-radius:50%;width:13px;height:13px}h1{font-size:21px;margin:0 0 5px;letter-spacing:-.6px}.brand small{font-size:9px;color:#8b97a5;letter-spacing:1.8px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:#6a7787}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2f9c7a}.dot.off{background:#cf5e51}.dot.waiting{background:#d6a044}#refresh{margin-left:15px;border:1px solid #dce3eb;border-radius:7px;background:#fff;padding:9px 13px;color:#5b6a7d;font-size:13px}#refresh:disabled{opacity:.5;cursor:wait}main{max-width:1400px;margin:auto;padding:36px 40px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8c98a7;font-weight:700;margin:0 0 11px}.intro h2{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:0}.intro p:last-child{font-size:12px;color:#8793a2;margin:10px 0 0}.timestamps{display:flex;flex-direction:column;gap:6px;text-align:right;font-size:10px;color:#8a97a7}.timestamps time{font-size:12px;color:#4b6079}.timestamps small{font-size:10px}.mode{font-size:12px;line-height:1.6;border:1px solid #dde5ee;background:#edf2f7;padding:12px 16px;border-radius:7px;color:#64768b;margin-bottom:20px}.alert{background:#fff2e8;border:1px solid #efceb2;border-radius:8px;color:#94551f;font-size:13px;line-height:1.6;padding:14px 18px;margin-bottom:20px}.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:35px}.stat{background:white;border:1px solid #e1e6ed;border-radius:11px;padding:23px}.stat>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#6e7c8f}.stat-icon{background:#f0f4f8;color:#647a92;border-radius:6px;font-size:17px;width:29px;height:29px;display:grid;place-items:center}.stat>b{display:block;font-size:40px;letter-spacing:-1px;font-weight:650;margin:13px 0 8px;font-variant-numeric:tabular-nums}.stat>small{color:#94a0ae;font-size:10px}.stat.hot>b{color:#cc574d}.directory-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:15px}.directory-head h2{font-size:16px;margin:0;font-weight:650}.directory-head span{font-size:10px;color:#909dac}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{border:1px solid #e1e6ed;border-radius:10px;padding:21px;background:#fff;box-shadow:0 2px 3px #17345003}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card h3{font-size:17px;margin:0;letter-spacing:-.3px}.badge{font-size:8px;letter-spacing:1px;color:#92a0af;background:#f2f5f8;padding:5px 7px;border-radius:4px}.row{display:flex;align-items:center;justify-content:space-between;background:#fafbfd;border:1px solid #e1e7ee;border-radius:7px;padding:12px;color:#7a899a;font-size:12px}.row b{font-size:24px;font-weight:650}.row.hot{border:1.5px solid #dc6960;background:#fff9f8;color:#bc554b}.last{font-size:10px;line-height:1.6;color:#91a0af;margin:18px 0 0;padding-top:13px;border-top:1px solid #eef2f6}.grid.stale{opacity:.7}.empty{grid-column:1/-1;padding:45px 20px;background:#fff;border:1px dashed #d9e1eb;border-radius:9px;text-align:center;color:#8190a3;font-size:13px;line-height:1.8}footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;color:#98a3b0;font-size:10px;line-height:1.6}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:750px){.header-inner{padding:20px 24px}main{padding:25px 24px}.intro{align-items:flex-start;flex-direction:column}.timestamps{text-align:left}.summary{gap:12px}.stat{padding:18px}.intro h2{font-size:24px}footer{flex-direction:column;gap:8px}}@media(max-width:480px){.header-inner{padding:18px 16px;gap:8px}main{padding:24px 16px}h1{font-size:17px}.brand small{font-size:7px}.brand{gap:9px}.logo{width:37px;height:37px;font-size:13px}.connection{font-size:10px;gap:5px}#refresh{margin-left:3px;padding:7px 9px;font-size:18px}#refresh span{display:none}.summary{grid-template-columns:1fr 1fr}.stat{padding:16px 12px}.stat>div{font-size:11px;gap:7px}.stat-icon{display:none}.stat>b{font-size:35px}.stat>small{font-size:9px}.grid{grid-template-columns:1fr}.directory-head span{max-width:100px;text-align:right}.intro h2{font-size:23px}}
/* Smartbrains BPO workspace finish */
body{background:#f1f5f5;color:#17333e;-webkit-font-smoothing:antialiased}header{background:#102b35;border-bottom:1px solid #21434b}.header-inner{padding-top:23px;padding-bottom:23px}.logo{background:#ffffff0b;border:1px solid #ffffff26;color:#eff6f3}.logo span{border-color:#102b35;background:#8abdab}h1{color:#f0f6f3;font-weight:600}.brand-bpo{color:#94c1b4;font-weight:400}.brand small{color:#8eafb1;letter-spacing:1.8px}.connection{color:#a5c2bd}#refresh{background:#ffffff07;color:#e1eeea;border-color:#ffffff26}#refresh:hover{background:#ffffff12}.dot{background:#80b8a5}.intro{margin-top:6px;margin-bottom:29px}.intro h2{font-size:29px;font-weight:550;letter-spacing:-1px;color:#193e47}.eyebrow{color:#6d9189;font-size:8px;letter-spacing:2px}.intro p:last-child{color:#8a9ca1}.mode{background:#e9f0ed;border-color:#d9e6e0;color:#6b8780;font-size:11px;border-radius:8px}.summary{gap:22px}.stat{position:relative;border-color:#dce5e5;border-radius:12px;padding:25px;box-shadow:0 5px 20px #21474303}.stat:before{content:"";position:absolute;top:24px;bottom:24px;width:2px;left:0;background:#c5dcd3;border-radius:2px}.stat-icon{background:#edf4f1;color:#628e7d}.stat>b{color:#24474f;font-weight:550}.stat.hot:before{background:#d88478}.stat.hot>b{color:#bf5b50}.card{border-color:#dce5e5;border-radius:11px;box-shadow:0 4px 14px #21474303}.card h3{color:#264a53}.badge{background:#edf3f1;color:#78958b}.row{background:#f7faf9;border-color:#e0e9e5}.row.hot{background:#fff9f7;border-color:#d88c80;color:#b75c50}.directory-head h2{color:#244750}.directory-head span{color:#8da09e}.empty{border-color:#d3e0dc;background:#ffffffad;color:#809790}.timestamps time{color:#4c716c}.timestamps span,.timestamps small{color:#8c9e9f}footer{border-top:1px solid #dfe8e5;padding-top:22px;color:#8b9e9d}@media(max-width:480px){.intro h2{font-size:24px}.stat{padding:18px 13px}.stat:before{top:18px;bottom:18px}.brand small{font-size:6px;letter-spacing:1.2px}}