:root{font:15px/1.6 Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#243846;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.primary{cursor:pointer}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}aside{padding:34px 24px;background:#172c3a;color:#d7e2eb}.brand{display:flex;align-items:center;gap:12px;font-size:24px;color:white}.brand b{background:#ebf3f6;color:#254b5d;border-radius:10px;display:grid;place-items:center;width:42px;height:42px}.brand small{display:block;font-size:12px;color:#a5bbc9}.brand span{line-height:1.35}nav{display:grid;gap:12px;margin-top:42px}nav a{padding:10px 12px;border-radius:7px}nav a:hover{background:#284353}aside p{font-size:12px;margin-top:56px;color:#92aab9}main{max-width:1300px;width:100%;padding:40px 48px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}header small{font-size:11px;letter-spacing:.14em;color:#71909f}h1{font-size:29px;margin:5px 0}h2{font-size:21px;margin:0 0 12px}button{border:1px solid #d9e2e8;border-radius:7px;padding:9px 16px;background:white;color:#254b5d}.primary{display:inline-block;border:0;background:#24546b;color:white;border-radius:7px;padding:12px 20px}.welcome,.panel{padding:30px;background:white;border:1px solid #e0e7eb;border-radius:12px}.panel{margin-top:24px}.welcome{max-width:760px;margin-top:60px}.welcome h2{font-size:30px}.welcome p{color:#69808e;max-width:630px}.subtle{font-size:12px}.identity{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#6b818f;margin-bottom:24px}.identity strong{color:#2b4657}.badge{font-size:11px;padding:4px 9px;background:#e5f2ed;color:#377461;border-radius:20px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.card{background:white;padding:26px;border:1px solid #e0e7eb;border-radius:12px}.card span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#ebf1f5;color:#456c7e}.card h2{margin-top:18px}.card p{font-size:13px;color:#7b909c;margin-bottom:24px}.card a{font-size:14px;font-weight:600;color:#24546b}.panel p{font-size:13px;color:#78909e}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}form>label{display:grid;gap:5px}input:not([type=checkbox]),select{padding:9px 11px;border:1px solid #d8e3e9;border-radius:6px}fieldset{border:1px solid #d8e3e9;border-radius:6px;font-size:12px;display:flex;gap:10px}fieldset label{white-space:nowrap}.agent-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #e6edf1}.agent-row small{display:block;color:#8a9eaa}#agent-list{margin-top:25px}textarea{width:100%;padding:12px;border:1px solid #d8e3e9;border-radius:6px;min-height:76px;resize:none}#site-form{display:grid;grid-template-columns:1fr 1fr;align-items:start}#site-form input{min-width:0;width:100%}#site-form button{width:max-content}#issued{margin-top:20px}#message{color:#a45544;font-size:13px}[hidden]{display:none!important}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{padding:18px 22px}aside nav{display:flex;flex-wrap:wrap;margin:18px 0 0;gap:5px}aside p{display:none}.brand{font-size:20px}main{padding:24px 20px}.cards,#site-form{grid-template-columns:1fr}.welcome{margin-top:20px}fieldset{flex-wrap:wrap}.welcome h2{font-size:25px}}
:root .login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{max-width:460px;padding:36px;background:white;border:1px solid #e0e7eb;border-radius:16px;box-shadow:0 12px 40px #172c3a0a}.login-card .brand{color:#243846;margin-bottom:34px}.login-card .brand small{color:#69808e}.login-card h1{font-size:27px}.login-card p{color:#69808e}.login-card .primary{display:block;text-align:center;margin:28px 0 18px}.login-card .subtle{text-align:center}

.shell>aside{position:sticky;top:0;height:100vh;overflow:auto;align-self:start}@media(max-width:1000px){.shell>aside{position:static;height:auto;overflow:visible}}

.collector-login-image{display:block;max-width:100%;max-height:650px;border:1px solid #dce5e8;border-radius:8px;object-fit:contain}.collector-sample-reading{white-space:pre-wrap;overflow-wrap:anywhere}
.collector-login-image.is-interactive{cursor:crosshair;touch-action:none;outline:2px solid #24546b;outline-offset:1px}#collector-login-result{color:#24546b;font-weight:600}

.shell>aside nav a[aria-current=page]{background:#284353;color:white;font-weight:600}.workspace-main{max-width:none;padding:28px 32px}.workspace-main header{margin-bottom:18px}.workspace-main .identity{margin-bottom:18px}.workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #dce5eb}.workspace-tabs a{padding:9px 12px;background:white;border:1px solid #dce5eb;border-radius:7px;font-size:14px}.workspace-tabs a.active{background:#24546b;color:white;border-color:#24546b}.workspace-tabs a.unavailable{color:#8c9ba5;background:#f7f9fa}.workspace-main #module-container>.panel,.workspace-main #homepage{margin-top:0}.native-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;color:#617f90}.native-toolbar a{color:#24546b}.native-frame{display:block;width:100%;height:calc(100vh - 225px);min-height:620px;background:white;border:1px solid #dce5eb;border-radius:10px}.agent-section-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.agent-section-tabs a{padding:9px 14px;background:white;border:1px solid #dce5eb;border-radius:7px}@media(max-width:850px){.workspace-main{padding:20px 16px}.workspace-tabs{gap:6px}.workspace-tabs a{font-size:13px;padding:8px 10px}.native-frame{height:75vh;min-height:580px}}