@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+SC:wght@400;450;500;550;600;650;700&display=swap');

:root{--bg:#f7f9fa;--surface:#fff;--ink:#172b31;--muted:#829096;--line:#e8edef;--green:#078774;--green-dark:#096d60;--mint:#edf7f4;--red:#df6664;--amber:#d49b3b;--shadow:0 2px 8px #203b4203;font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button{transition:background .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button svg,.icon{width:18px;height:18px;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:7px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:31px 18px 20px}.brand{display:flex;align-items:center;gap:11px;margin:0 14px 40px}.brand-mark{width:36px;height:36px;background:var(--green);border-radius:11px;color:white;display:grid;place-items:center;box-shadow:0 4px 9px #0787741c}.brand-mark svg{width:25px;height:25px}.brand-title{font-size:23px;font-weight:700;line-height:1.1;letter-spacing:2px}.brand-sub{font-size:9px;letter-spacing:3px;color:#8b989e;margin-top:4px}.nav-heading{font-size:10px;color:#a1adb1;font-weight:500;letter-spacing:1.4px;padding:0 16px;margin:0 0 10px}.nav-heading.second{margin-top:30px}.nav-item{height:43px;display:flex;align-items:center;gap:12px;border-radius:7px;margin:3px 0;padding:0 15px;color:#728289;font-size:12px;font-weight:500}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#eaf5f1;color:#087966}.nav-item:hover{background:#f3f7f6}.nav-count{margin-left:auto;font-size:10px;background:#e4ebe9;color:#73857e;border-radius:4px;padding:1px 6px}.nav-item.active .nav-count{background:#cfe9de;color:#087966}.sidebar-bottom{margin-top:auto}.collector-status{border:1px solid var(--line);border-radius:9px;padding:13px 12px;margin-bottom:20px;font-size:11px}.status-line{display:flex;align-items:center;gap:7px;font-weight:500}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#26a181;flex-shrink:0}.dot.red{background:var(--red)}.dot.amber{background:var(--amber)}.dot.gray{background:#99a8ae}.collector-status p{color:var(--muted);font-size:10px;margin:6px 0 0 13px}.profile{display:flex;align-items:center;gap:10px;padding:0 7px}.avatar{width:33px;height:33px;border:1px solid #e0e8e6;border-radius:50%;background:#ecf2ef;display:grid;place-items:center;color:#648475;font-size:11px;font-weight:600}.profile-name{font-size:12px;font-weight:600}.profile-role{font-size:10px;color:var(--muted)}.profile .icon-btn{margin-left:auto}.main{margin-left:222px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);background:#ffffffcc;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:#89959a}.breadcrumb .current{color:#394e56}.top-actions{display:flex;align-items:center;gap:19px}.demo-tag{font-size:10px;background:#f5f7f8;color:#8a959b;border:1px solid #e7edef;border-radius:5px;padding:3px 8px}.icon-btn{background:none;border:0;color:#819096;padding:6px;border-radius:6px;position:relative}.icon-btn:hover{background:#eef3f2;color:var(--green)}.unread{position:absolute;width:5px;height:5px;background:#deaa49;right:8px;top:6px;border:1px solid white;border-radius:50%}.content{max-width:1600px;margin:auto;padding:31px 35px 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--green);font-weight:650;margin-bottom:6px}.page-heading h1{font-size:25px;letter-spacing:-.7px;line-height:1.4;margin:0 0 8px;font-weight:600}.page-heading p{font-size:11px;color:#8a979d;margin:0}.page-heading p b{color:#50656e;font-weight:500}.heading-actions{display:flex;gap:9px;align-items:center}.btn{height:35px;padding:0 13px;border:1px solid #dde6e5;border-radius:6px;background:white;color:#5c7078;font-size:11px;font-weight:500;white-space:nowrap}.btn svg{width:14px;height:14px}.btn:hover{background:#f2f6f5}.btn.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 2px 3px #087f6d12}.btn.primary:hover{background:var(--green-dark)}.btn.danger{border-color:#f1d4d2;color:#c35953;background:#fff8f7}.btn.small{height:29px;padding:0 10px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{border:1px solid var(--line);background:white;border-radius:9px;padding:19px 19px 16px;position:relative;box-shadow:var(--shadow);overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7b8b92;font-size:11px}.stat-icon{width:29px;height:29px;background:#f2f7f5;color:#6e9f90;border-radius:7px;display:grid;place-items:center}.stat-icon svg{width:16px;height:16px}.stat-value{display:flex;align-items:baseline;gap:7px;margin:9px 0 12px;font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.3}.stat-value small{font-size:12px;color:#8a989e;font-weight:400;letter-spacing:0}.stat-note{font-size:10px;color:#99a5aa;display:flex;align-items:center;gap:5px}.stat-note .green{color:var(--green)}.stat-note .warn{color:#c79b4c}.mini-spark{position:absolute;right:17px;bottom:18px;width:76px;height:27px;color:#66b7a0}.split{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:19px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:19px 20px 0;gap:12px}.panel-title{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.panel-sub{color:#9aa6ab;font-size:10px;margin-top:5px}.segments{display:flex;padding:3px;gap:2px;background:#f3f6f7;border-radius:5px}.segments button{border:0;background:transparent;color:#93a0a6;padding:4px 9px;border-radius:4px;font-size:10px}.segments button.active{background:white;color:#455d67;box-shadow:0 1px 4px #162c3710}.chart-legend{display:flex;align-items:center;gap:18px;margin:18px 20px 5px;font-size:10px;color:#83949c}.legend-item{display:flex;align-items:center;gap:6px}.legend-line{width:14px;height:3px;border-radius:2px;background:var(--green)}.legend-line.blue{background:#92abc0}.chart-wrap{padding:3px 13px 10px}.chart{width:100%;height:170px;display:block}.chart text{fill:#a7b2b8;font-size:9px;font-family:inherit}.chart .grid{stroke:#edf1f3;stroke-dasharray:3 4;stroke-width:1}.chart-point{cursor:crosshair}.region-list{padding:17px 20px 6px}.region-item{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:11px}.region-item .flag{font-size:15px}.region-name{flex:1;color:#5a6f78}.region-track{height:4px;background:#f2f5f5;width:75px;border-radius:4px;overflow:hidden}.region-track i{display:block;background:#a2cebd;height:100%;border-radius:4px}.region-count{width:14px;text-align:right;color:#80939b;font-size:10px}.region-footer{margin:0 20px 15px;padding-top:11px;border-top:1px solid #f0f3f4;color:#9aa6ab;font-size:10px;display:flex;align-items:center;gap:6px}.table-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 20px 15px}.table-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.count-pill{font-size:10px;font-weight:500;color:#7e929a;background:#f0f4f5;padding:1px 7px;border-radius:5px}.text-link{border:0;background:transparent;padding:0;color:var(--green);font-size:10px}.filter-bar{display:flex;justify-content:space-between;gap:12px;padding:0 20px 17px;align-items:center}.tabs{display:flex;align-items:center;gap:17px}.tab{background:none;border:0;padding:6px 0;color:#92a0a7;font-size:11px;position:relative;gap:5px}.tab.active{color:var(--green);font-weight:600}.tab.active:after{position:absolute;bottom:-3px;content:'';height:2px;width:16px;background:var(--green);border-radius:2px;left:calc(50% - 8px)}.tab span{font-size:9px;color:#a4afb4;font-weight:400}.tab.active span{color:#5eab95}.filters{display:flex;align-items:center;gap:8px}.search{position:relative}.search svg{width:13px;height:13px;position:absolute;left:10px;top:9px;color:#a2afb5}.search input{border:1px solid #e5ebee;border-radius:5px;padding:7px 10px 7px 29px;width:195px;font-size:10px;background:white;color:var(--ink);height:31px}.search input::placeholder{color:#aab4b9}select{border:1px solid #e5ebee;background:white;border-radius:5px;color:#758b95;padding:6px 23px 6px 9px;font-size:10px;height:31px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#fafcfc;border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3;padding:11px 13px;color:#99a6ad;font-size:10px;font-weight:450}td{border-bottom:1px solid #f0f3f4;padding:15px 13px;font-size:11px;color:#68818c}th:first-child,td:first-child{padding-left:20px}th:last-child,td:last-child{padding-right:20px}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fbfdfc}.node-name{display:flex;gap:10px;align-items:center;min-width:190px}.node-icon{width:31px;height:31px;border:1px solid #e7edef;background:#fbfcfc;border-radius:7px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.node-name a{font-weight:550;color:#344f5a;font-size:11px}.node-name a:hover{color:var(--green)}.node-meta{font-size:9px;color:#a0adb3;margin-top:3px;font-family:'DM Sans',monospace}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;background:#eef8f3;color:#529b7f;padding:3px 7px;border-radius:4px}.status-badge.offline{background:#fcf1ef;color:#cf8077}.status-badge.stale{background:#fbf6e9;color:#b79552}.status-badge.neutral{background:#f2f5f6;color:#91a0a7}.metric{width:71px}.metric .value{font-size:11px;color:#63808c;margin-bottom:5px}.bar{height:3px;background:#eef3f3;border-radius:2px;overflow:hidden}.bar i{display:block;background:#91c2af;height:100%;border-radius:2px}.bar i.hot{background:#deb978}.speed{line-height:1.8;font-size:10px;font-variant-numeric:tabular-nums}.speed .up{color:#49a18a}.speed .down{color:#90a3b1}.quota{font-size:10px}.quota small{color:#a3b0b7}.quota .bar{margin-top:6px;width:90px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button{border:0;background:transparent;font-size:10px;color:#609e8e;padding:4px}.row-actions button:hover{background:#eaf5f1;border-radius:4px}.pending-row .node-name a,.pending-row .value{color:#96a4ab}.pending-row td{color:#a7b2b8}.empty{padding:45px 20px;color:var(--muted);text-align:center}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-top:1px solid var(--line);color:#a0adb3;font-size:10px}.pagination{display:flex;gap:5px;align-items:center}.pagination button{height:25px;min-width:25px;border:1px solid #e6ecee;border-radius:4px;color:#8698a0;background:white;font-size:10px}.pagination button.active{background:#edf7f2;color:var(--green);border-color:#cfe8dd}.bottom-note{display:flex;justify-content:space-between;align-items:center;color:#a4afb5;font-size:9px;padding:19px 1px 0;gap:10px}.bottom-note span{display:flex;align-items:center;gap:5px}.bottom-note svg{width:11px;height:11px}.callout{padding:13px 17px;border:1px solid #dfebe5;border-radius:7px;background:#f0f7f3;color:#729485;font-size:11px;display:flex;gap:9px;align-items:center;margin-bottom:21px}.callout.amber{background:#fcf9f0;border-color:#eee7d5;color:#a0906c}.callout svg{width:15px;height:15px;flex-shrink:0}.callout strong{font-weight:550;color:#527f6c}.details-meta{display:flex;gap:15px;align-items:center;font-size:11px;color:#8b9ba2}.back{background:none;border:0;padding:0;margin-bottom:14px;color:#6b9386;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.detail-grid .chart{height:190px}.data-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px}.data-label{font-size:10px;color:#94a3ab;margin-bottom:5px}.data-value{font-size:12px;color:#49646f;word-break:break-word}.provider-state{display:flex;align-items:center;gap:7px}.muted{color:var(--muted)}.mono{font-family:'DM Sans',monospace;font-variant-numeric:tabular-nums}.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:22px;align-items:start}.form-body{padding:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-grid .field{margin-bottom:0}.field label{font-size:11px;color:#6f838d}.field input,.field select{width:100%;height:38px;font-size:12px;padding:8px 11px;border:1px solid #dfe7e9;border-radius:6px;color:#405c68;background:white}.field small{font-size:10px;color:#9aa8af;line-height:1.7}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding:17px 23px;border-top:1px solid var(--line)}.form-section-title{margin:0 0 22px;font-size:12px;font-weight:550}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.option-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #edf1f3}.option-row:first-child{padding-top:0}.option-row:last-child{border:0;padding-bottom:0}.option-row p{font-size:11px;margin:0 0 4px;color:#58717d}.option-row small{font-size:10px;color:#9aa7ae}.switch{width:32px;height:19px;border-radius:20px;background:#ccd9d4;border:0;padding:2px;justify-content:flex-start;flex-shrink:0}.switch.on{background:var(--green);justify-content:flex-end}.switch i{width:15px;height:15px;background:white;border-radius:50%;box-shadow:0 1px 3px #0001}.code{background:#f5f8f8;border:1px solid #e4eceb;border-radius:7px;padding:15px;color:#507568;font:11px/1.9 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;word-break:break-all}.api-doc{padding:20px;font-size:11px;color:#82939c}.api-doc p{line-height:1.9}.api-doc .method{background:#e9f6ef;color:var(--green);padding:2px 6px;border-radius:4px;font-size:10px;margin-right:7px}.traffic-bars{padding:25px 22px}.traffic-row{display:grid;grid-template-columns:160px 1fr 75px;gap:15px;align-items:center;margin:0 0 24px;color:#6c8490;font-size:11px}.traffic-row:last-child{margin-bottom:3px}.traffic-track{height:16px;background:#f5f8f8;border-radius:3px;display:flex;overflow:hidden}.traffic-track .tx{background:#64ad95}.traffic-track .rx{background:#b7d3df}.traffic-label{text-align:right;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#142d354b;backdrop-filter:blur(3px);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s}.modal{width:510px;max-height:90vh;overflow:auto;background:white;border-radius:12px;box-shadow:0 20px 100px #19353240;animation:slideIn .18s}.modal.wide{width:650px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0}.modal-head h2{margin:0;font-size:17px;font-weight:600}.modal-body{padding:19px 24px 24px}.modal-description{font-size:11px;color:#8a9da5;line-height:1.9;margin:0 0 21px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:17px 24px;border-top:1px solid var(--line)}.step{display:flex;gap:12px;margin:20px 0}.step-number{width:23px;height:23px;flex-shrink:0;background:#eaf5f0;color:#5c9d87;border-radius:50%;display:grid;place-items:center;font-size:11px}.step-content{flex:1}.step h3{font-size:12px;margin:1px 0 7px;font-weight:500}.step p{font-size:10px;color:#96a5ad;margin:0;line-height:1.9}.inline-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.badge-inline{font-size:9px;color:#b49a6f;background:#faf5e9;border-radius:4px;padding:3px 7px}.notification{display:flex;gap:11px;padding:17px 0;border-bottom:1px solid #edf1f3}.notification:last-child{border:0}.notification .node-icon{color:#b99565;background:#fbf6ed;border-color:#f2e9d8}.notification h3{font-size:12px;font-weight:550;margin:0 0 5px}.notification p{font-size:10px;color:#96a5ad;margin:0}.notification time{font-size:9px;color:#abb7be;display:block;margin-top:7px}#toast{position:fixed;bottom:27px;left:calc(50% + 111px);transform:translate(-50%,20px);background:#1d3f36;color:#f3fffa;box-shadow:0 6px 20px #142d3526;padding:12px 20px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 15%,#e5f1ec 0,transparent 55%),#f7f9fa}.login-card{background:white;border:1px solid var(--line);border-radius:14px;width:385px;padding:35px}.login-card .brand{margin:0 0 30px;justify-content:center}.login-card h1{text-align:center;font-size:18px;font-weight:550;margin:0 0 9px}.login-card>p{text-align:center;color:#9aa8ae;font-size:11px;margin:0 0 25px}.login-card .btn{width:100%;height:39px}.login-hint{font-size:10px;color:#8a9d95;line-height:1.8;background:#f0f7f3;padding:11px;border-radius:6px;margin-top:20px}.error-text{font-size:11px;color:var(--red);margin:10px 0}.mobile-menu{display:none}.overlay-nav{display:none}.section-space{margin-top:22px}.budget-big{font-size:32px;letter-spacing:-1px;color:#315548;font-weight:550;margin:14px 0 3px}.budget-big small{font-size:13px;color:#95a79d;font-weight:400;letter-spacing:0}.budget-progress{height:7px;border-radius:5px;background:#ebf1ee;overflow:hidden;margin:22px 0 13px}.budget-progress i{display:block;height:100%;background:#6eaf95;border-radius:5px}.budget-details{display:flex;justify-content:space-between;color:#96a69e;font-size:10px}.scroll-hint{display:none} @keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(8px)}to{transform:translateY(0)}}
@media(min-width:1500px){.content{padding-top:36px}.stat{padding:22px}.chart{height:200px}.region-item{margin-bottom:20px}td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1180px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.main{margin-left:195px}.content{padding:27px 23px}.topbar{padding:0 23px}.split{grid-template-columns:minmax(0,1fr) 235px}.stat{padding:15px}.mini-spark{width:50px}.filter-bar{align-items:flex-start;flex-wrap:wrap}.table-scroll table{min-width:870px}.settings-layout{grid-template-columns:1fr 300px}#toast{left:calc(50% + 97px)}}
@media(max-width:900px){.stats-grid{gap:10px}.stat-value{font-size:24px}.mini-spark{display:none}.split{grid-template-columns:1fr}.region-panel{display:none}.heading-actions .refresh-label{display:none}.settings-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.stat-note{font-size:9px}.nav-item{font-size:11px}.page-heading h1{font-size:23px}.form-grid{gap:14px}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:222px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{height:59px;padding:0 18px}.top-actions{gap:10px}.mobile-menu{display:inline-flex;margin-right:3px}.breadcrumb{gap:7px}.content{padding:24px 17px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:8px}.page-heading p{max-width:225px;line-height:1.8}.heading-actions{gap:5px;padding-top:6px}.heading-actions .btn{padding:0 9px}.page-heading h1{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px}.stat{padding:14px 15px}.stat-value{font-size:27px}.stat-note{font-size:10px}.filter-bar{padding:0 15px 16px}.table-head{padding:17px 15px}.tabs{gap:14px}.filters{width:100%}.search{flex:1}.search input{width:100%}.filter-bar select{max-width:95px}.bottom-note{align-items:flex-start;gap:10px;line-height:1.8}.bottom-note>span:last-child{display:none}.form-grid{grid-template-columns:1fr}.data-list{gap:18px}.details-meta{flex-wrap:wrap;gap:8px}.traffic-row{grid-template-columns:110px 1fr 54px;gap:9px;font-size:10px}.panel-head{padding:17px 15px 0}.chart-legend{margin-left:15px}.modal-backdrop{padding:12px}.modal{max-height:94vh}.modal-body{padding:18px}.modal-head{padding:18px 18px 0}.modal-footer{padding:15px 18px}.overlay-nav.show{display:block;position:fixed;inset:0;background:#18372b55;z-index:29}.login-card{width:calc(100vw - 36px);max-width:385px;padding:28px}.scroll-hint{display:block;font-size:9px;color:#a8b5bc;margin-left:auto}#toast{left:50%}.demo-tag{font-size:9px}.table-footer{padding:12px 15px}.table-footer>span{max-width:60%;line-height:1.8}.panel-title{font-size:11px}.segments button{padding:4px 7px}}

.brand-sub{white-space:nowrap;font-size:8px;letter-spacing:2px}.brand-mark{flex-shrink:0}
.page-tabs{display:flex;gap:27px;margin:0 0 24px;border-bottom:1px solid var(--line)}.page-tabs button{border:0;background:none;color:#8d9fa7;padding:3px 2px 14px;position:relative;font-size:12px}.page-tabs button.active{color:var(--green);font-weight:550}.page-tabs button.active:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--green)}.alert-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:23px;align-items:start}.channel-heading{display:flex;align-items:center;gap:10px}.ding-logo{width:34px;height:34px;border-radius:8px;background:#268ce9;color:white;display:grid;place-items:center;font-size:17px;font-weight:600;flex-shrink:0}.ding-logo.small{width:28px;height:28px;font-size:14px}.checkbox-row{display:flex;gap:10px;align-items:center;font-size:11px;color:#57746c}.checkbox-row label{display:flex;gap:8px;align-items:center}.checkbox-row input{accent-color:var(--green);width:15px!important;height:15px!important}.checkbox-row>span{margin-left:auto;font-size:10px;color:#9daab0}.field input[readonly]{background:#f7f9fa;color:#94a6b0;font-size:11px}.delivery-flow{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.delivery-flow span{padding:7px 9px;border:1px solid #e5eeea;background:#f8fbf9;border-radius:5px;font-size:10px;color:#64877a}.delivery-flow i{font-style:normal;color:#9db5a9}.ding-preview{padding:23px;background:#f8fafb;margin-top:18px}.ding-sender{display:flex;align-items:center;gap:9px;font-size:11px;color:#527084}.ding-sender small{display:block;font-size:9px;color:#9aaeb9;margin-top:4px}.robot-badge{font-size:8px;border:1px solid #d3e3ee;border-radius:3px;color:#7196b4;padding:0 3px;margin-left:4px}.ding-message{margin:14px 0 0 43px;padding:22px 19px 16px;border:1px solid #e3eaed;border-top:3px solid #dcac68;border-radius:6px;background:white;box-shadow:0 3px 10px #203b4204}.ding-message.recovered{border-top-color:#76b89c}.message-category{font-size:8px;letter-spacing:1px;color:#c3a478}.recovered .message-category{color:#74a68e}.ding-message h3{font-size:17px;font-weight:550;margin:8px 0 19px;color:#375462}.message-node{font-size:11px;color:#597480;margin-bottom:18px}.ding-message dl{display:grid;grid-template-columns:68px 1fr;font-size:10px;gap:12px 8px;margin:0}.ding-message dt{color:#9aaab3}.ding-message dd{margin:0;color:#66818e;word-break:break-word}.message-time{font-size:8px;color:#aebbc2;border-top:1px solid #edf2f4;padding-top:15px;margin-top:20px}.message-link{font-size:10px;color:#549ebc}.preview-footnote{font-size:9px;color:#9eafb8;line-height:1.9;margin:17px 0 0 43px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.reference-card{padding:19px 17px;transition:border-color .15s}.reference-card:hover{border-color:#9fcab8}.reference-card>div{font-size:12px;color:#427565;font-weight:550}.reference-card p{font-size:10px;color:#98a8af;line-height:1.9;margin-bottom:0}.collection-table{white-space:normal}.collection-table td{line-height:1.9}.collection-table td:first-child{white-space:nowrap;color:#557366}.collection-table td:nth-child(2){font-family:ui-monospace,monospace;font-size:10px}.message-panel .segments button{font-size:9px}@media(max-width:1050px){.alert-layout{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr 1fr}.ding-message{max-width:400px}}@media(max-width:680px){.alert-layout{gap:17px}.ding-preview{padding:17px}.ding-message{margin-left:0}.preview-footnote{margin-left:0}.checkbox-row{flex-wrap:wrap}.checkbox-row>span{margin-left:0}.reference-grid{gap:10px}.reference-card{padding:14px}.collection-table{min-width:650px}.sidebar .brand{margin-bottom:26px}.nav-heading.second{margin-top:19px}}
@media(max-width:680px){.sidebar{transition:none}.topbar .breadcrumb>span:not(.current),.topbar .breadcrumb>.icon{display:none}.breadcrumb .current,.demo-tag{white-space:nowrap}.top-actions{gap:8px}.page-heading:has(.segments){flex-direction:column;gap:12px}.page-heading:has(.segments) p{max-width:none}.segments button{white-space:nowrap}.page-heading:has(.segments) .heading-actions{padding-top:0}}

.hostsign-value{font-size:10px;white-space:normal;overflow-wrap:anywhere;max-width:290px;line-height:1.5;margin-top:4px}
.pad{padding:24px}.pad h3{margin-bottom:18px}.pad p{line-height:1.9;margin:10px 0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:20px 0 28px}.page-heading h1{font-size:26px;margin:10px 0}.page-heading p{color:#81949c;line-height:1.8}.eyebrow{font-size:10px;color:#0f7968;letter-spacing:2px}.stat-value{font-size:30px;font-weight:600;margin:16px 0}.stat-value small{font-size:12px;margin-left:6px}.stat-label,.stat-foot{font-size:12px;color:#81949c}.stat-card{background:white;border:1px solid #e7edee;padding:22px;border-radius:12px}.code{white-space:pre-wrap;overflow-wrap:anywhere}.nav-item{display:flex;padding:13px 20px;margin:3px 12px;border-radius:9px;color:#728a92}.nav-item.active{background:#e3f3ed;color:#0d7863}.table-head input{max-width:260px}details{margin:18px 0}summary{cursor:pointer;margin-bottom:16px}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.page-heading{display:block}.heading-actions{margin-top:12px}.sidebar.open{transform:translateX(0);z-index:100}.pad{padding:16px}.table-head{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pending-row { color: #879491; background: #f4f6f5; }
.pending-row a { color: #6b7976; }
#search { min-width: 230px; padding: 9px 12px; border: 1px solid var(--line, #dce7e6); border-radius: 8px; font: inherit; background: white; }
.metric-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 14px}.metric-toolbar h3{margin:0 0 4px}.metric-toolbar p{margin:0;color:#8a979d;font-size:10px}@media(max-width:680px){.metric-toolbar{align-items:flex-start;flex-direction:column}}
.chart .axis{stroke:#dce7e6;stroke-width:1}.chart .axis-label{fill:#8fa0a7;font-size:9px;font-variant-numeric:tabular-nums}