:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202421;background:#f3f5f4;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#e9eeeb}.login-panel{width:min(100%,410px);padding:34px;background:#fff;border:1px solid #d9dfdb;border-radius:8px;box-shadow:0 18px 50px #171f1a17}.brand-mark{display:flex;align-items:center;gap:10px;color:#227246}.login-panel .brand-mark{font-weight:750}.login-panel h1{margin:38px 0 7px;font-size:28px}.login-panel>p{margin:0;color:#737a75;font-size:13px}.login-panel form{display:grid;gap:16px;margin-top:28px}.login-panel label span{display:block;margin-bottom:7px;color:#4f5651;font-size:13px;font-weight:650}.login-panel input{width:100%;height:43px;padding:0 12px;border:1px solid #cbd2cd;border-radius:5px;outline:none}.login-panel input:focus{border-color:#26784b;box-shadow:0 0 0 3px #26784b1a}.login-panel form button{display:flex;height:43px;align-items:center;justify-content:center;gap:7px;color:#fff;background:#1d2922;border:0;border-radius:5px;font-weight:700}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.app-shell>aside{position:sticky;z-index:20;top:0;display:flex;height:100vh;padding:22px 14px 16px;flex-direction:column;background:#1c211e}.app-shell>aside .brand-mark{padding:2px 10px 25px;color:#f5f7f5}.app-shell>aside .brand-mark>div{display:flex;min-width:0;flex-direction:column}.app-shell>aside .brand-mark strong{font-size:14px}.app-shell>aside .brand-mark small{margin-top:2px;color:#879189;font-size:8px}.nav-caption{padding:0 11px 8px;color:#69736c;font-size:10px;font-weight:700}nav{display:grid;gap:4px}nav button,.logout-button{display:flex;width:100%;height:41px;padding:0 11px;align-items:center;gap:10px;color:#aab2ac;background:transparent;border:0;border-radius:5px;text-align:left}nav button:hover,nav button.active,.logout-button:hover{color:#fff;background:#2d3530}nav button.active{box-shadow:inset 3px 0 #4ab978}.nav-short{display:none}.sidebar-status{display:flex;margin:auto 8px 10px;padding:12px 10px;align-items:center;gap:9px;border-top:1px solid #343b36;border-bottom:1px solid #343b36}.sidebar-status>span{width:8px;height:8px;flex:0 0 auto;background:#4cc77f;border-radius:50%;box-shadow:0 0 0 4px #4cc77f1a}.sidebar-status div{display:flex;min-width:0;flex-direction:column}.sidebar-status strong{color:#dbe0dc;font-size:11px}.sidebar-status small{margin-top:2px;color:#7e8981;font-size:9px}.workspace{min-width:0}.workspace>header{display:flex;height:76px;padding:0 30px;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #dfe4e1}.page-title{min-width:0}.page-title>span{display:block;overflow:hidden;color:#7d857f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.page-title h1{margin:3px 0 0;font-size:20px}.header-actions{display:flex;align-items:flex-end;gap:8px}.scope-select{display:flex;flex-direction:column}.scope-select>span{margin-bottom:4px;color:#7d857f;font-size:9px}.scope-select select{width:min(260px,31vw);height:35px;padding:0 30px 0 10px;color:#323834;background:#fff;border:1px solid #cbd2cd;border-radius:5px}.icon-button{display:grid;width:36px;height:36px;place-items:center;color:#515954;background:#f6f7f6;border:1px solid #d9dfdb;border-radius:5px}.message-banner{display:flex;margin:13px 30px 0;padding:10px 12px;align-items:center;justify-content:space-between;border-radius:5px;font-size:12px}.message-banner button{display:grid;width:24px;height:24px;padding:0;place-items:center;color:inherit;background:transparent;border:0}.error-banner{color:#963e39;background:#fff0ef;border:1px solid #efcbc8}.notice-banner{color:#246b42;background:#edf8f1;border:1px solid #cee7d7}.login-panel .error-banner{margin-top:15px;padding:10px 12px;border-radius:5px;font-size:12px}.content-section{width:min(100%,1600px);padding:24px 30px 48px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-grid article{display:flex;min-width:0;min-height:116px;padding:17px;align-items:flex-start;justify-content:space-between;gap:10px;background:#fff;border:1px solid #dce2de;border-radius:7px}.metric-grid article>div{min-width:0}.metric-grid article>svg{flex:0 0 auto;color:#3b8159}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{color:#69716c;font-size:12px}.metric-grid strong{margin-top:14px;font-size:27px}.metric-grid small{margin-top:4px;overflow-wrap:anywhere;color:#929894;font-size:10px}.overview-grid{display:grid;margin-top:13px;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:12px}.panel{min-width:0;padding:17px;background:#fff;border:1px solid #dce2de;border-radius:7px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-heading h2,.section-heading h2{margin:0;font-size:16px}.panel-heading p,.section-heading p{margin:4px 0 0;color:#828984;font-size:11px}.chart-legend{display:flex;flex:0 0 auto;gap:12px;color:#747b76;font-size:10px}.chart-legend span:before{display:inline-block;width:7px;height:7px;margin-right:5px;content:"";border-radius:1px}.chart-legend .active-dot:before{background:#337856}.chart-legend .event-dot:before{background:#487ca8}.chart-legend .sync-dot:before{background:#d19637}.bar-chart{display:grid;height:190px;margin-top:18px;padding-top:8px;grid-template-columns:repeat(7,minmax(28px,1fr));gap:8px;border-bottom:1px solid #e5e9e6}.bar-day{display:grid;min-width:0;grid-template-rows:minmax(0,1fr) 24px}.bars{display:flex;min-height:0;padding:0 5px;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid #edf0ee}.bars i{display:block;width:min(9px,28%);min-height:2px;border-radius:2px 2px 0 0;transition:height .2s}.active-bar{background:#337856}.event-bar{background:#487ca8}.sync-bar{background:#d19637}.bar-day>span{padding-top:7px;color:#878e89;font-size:9px;text-align:center}.health-pill{display:inline-flex;height:27px;padding:0 9px;align-items:center;gap:5px;color:#277248;background:#eaf6ee;border-radius:4px;font-size:10px;font-weight:700}.health-list{margin-top:11px}.health-list>div{display:grid;min-height:48px;align-items:center;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;border-bottom:1px solid #edf0ee}.health-list>div:last-child{border-bottom:0}.health-list svg{color:#66706a}.health-list span{display:flex;min-width:0;flex-direction:column}.health-list strong{font-size:11px}.health-list small{margin-top:2px;color:#8c938f;font-size:9px}.health-list b,.provider-strip b{color:#287448;font-size:9px}.health-list b.unavailable,.provider-strip b.unavailable{color:#a24a43}.section-heading{display:flex;margin:27px 0 12px;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading.first{margin-top:0}.section-heading>span{color:#69716c;font-size:11px}.section-heading>button,.text-action{display:inline-flex;height:32px;padding:0 9px;align-items:center;gap:4px;color:#2d6844;background:#edf6f0;border:1px solid #d2e6d9;border-radius:4px;font-size:11px}.section-heading .primary-button{color:#fff;background:#216f43;border-color:#216f43}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #dce2de;border-radius:7px}table{width:100%;min-width:820px;border-collapse:collapse}th,td{height:50px;padding:0 13px;text-align:left;border-bottom:1px solid #ecefed;font-size:11px;white-space:nowrap}th{height:39px;color:#707873;background:#f7f8f7;font-size:9px;font-weight:750}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfa}td>small{color:#8f9691}.clickable-row{cursor:pointer}.status{display:inline-block;padding:4px 7px;color:#606762;background:#edf0ee;border-radius:4px;font-size:9px}.status.active,.status.succeeded,.status.synced{color:#277248;background:#e9f6ee}.status.disabled,.status.failed{color:#a2423b;background:#fff0ef}.status.deleted,.status.never{color:#606762;background:#e9ecea}.status.processing,.status.stale{color:#8b651b;background:#fff5d9}.app-cell,.user-cell{display:flex;align-items:center;gap:9px}.app-cell svg{color:#377958}.app-cell span,.user-cell span{display:flex;min-width:0;flex-direction:column}.app-cell strong,.user-cell strong{font-size:11px}.app-cell small,.user-cell small{margin-top:2px;color:#909792;font-size:8px}.row-action{display:grid;width:28px;height:28px;padding:0;place-items:center;color:#5c655f;background:#f5f7f5;border:1px solid #dce2de;border-radius:4px}td select{height:29px;padding:0 24px 0 7px;color:#39403c;background:#fff;border:1px solid #cbd2cd;border-radius:4px;font-size:10px}.empty-table{height:100px;color:#8b928d;text-align:center}.mono{font-family:Consolas,SFMono-Regular,monospace}.error-code{max-width:180px;overflow:hidden;color:#98413b;text-overflow:ellipsis}.audit-detail{max-width:260px;overflow:hidden;color:#666e69;text-overflow:ellipsis}.filter-bar{display:flex;margin-bottom:11px;align-items:center;gap:8px}.filter-bar label{display:flex;height:35px;align-items:center;gap:7px;color:#6a726d;background:#fff;border:1px solid #d4dad6;border-radius:5px}.filter-bar label:not(.search-box){padding-left:9px}.filter-bar .search-box{width:min(330px,40%);padding:0 10px}.search-box input{width:100%;min-width:0;height:32px;padding:0;border:0;outline:none;font-size:11px}.filter-bar select{height:33px;padding:0 26px 0 0;background:transparent;border:0;outline:none;font-size:10px}.segmented-tabs{display:inline-flex;margin-bottom:12px;padding:3px;gap:2px;background:#e7ebe8;border-radius:6px}.segmented-tabs button{display:flex;height:33px;padding:0 12px;align-items:center;gap:6px;color:#626a65;background:transparent;border:0;border-radius:4px;font-size:10px}.segmented-tabs button.active{color:#1f5637;background:#fff;box-shadow:0 1px 3px #19231d1a;font-weight:700}.compact-metrics{display:grid;margin-bottom:11px;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #dce2de;border-radius:7px}.compact-metrics>div{min-width:0;padding:14px 16px;border-right:1px solid #e7ebe8}.compact-metrics>div:last-child{border-right:0}.compact-metrics span,.compact-metrics strong{display:block}.compact-metrics span{color:#747c77;font-size:10px}.compact-metrics strong{margin-top:7px;overflow-wrap:anywhere;font-size:20px}.provider-strip{display:grid;margin-bottom:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.provider-strip>div{display:grid;min-width:0;min-height:62px;padding:12px;align-items:center;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;background:#fff;border:1px solid #dce2de;border-radius:6px}.provider-strip svg{color:#456b56}.provider-strip span{display:flex;min-width:0;flex-direction:column}.provider-strip strong{font-size:11px}.provider-strip small{margin-top:2px;color:#858d88;font-size:9px}.settings-section{max-width:940px}.setting-list{background:#fff;border:1px solid #dce2de;border-radius:7px}.setting-list label{display:flex;min-height:74px;padding:13px 17px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ecefed}.setting-list label:last-child{border-bottom:0}.setting-list label>div{display:flex;min-width:0;flex-direction:column}.setting-list strong{font-size:12px}.setting-list small{margin-top:4px;color:#828a85;font-size:10px}.setting-list input[type=checkbox]{position:relative;width:40px;height:22px;margin:0;flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#c7cdc9;border-radius:11px;cursor:pointer}.setting-list input[type=checkbox]:after{position:absolute;top:3px;left:3px;width:16px;height:16px;content:"";background:#fff;border-radius:50%;transition:transform .15s}.setting-list input[type=checkbox]:checked{background:#26764a}.setting-list input[type=checkbox]:checked:after{transform:translate(18px)}.setting-list select,.number-input{width:190px;height:35px;padding:0 28px 0 9px;background:#fff;border:1px solid #cbd2cd;border-radius:4px;font-size:10px}.number-input{width:90px;padding-right:9px;text-align:right}.security-note{display:flex;margin-top:12px;padding:14px 16px;gap:10px;color:#405b4a;background:#eef5f0;border:1px solid #d6e4da;border-radius:6px}.security-note strong{font-size:11px}.security-note p{margin:3px 0 0;color:#6f7b73;font-size:10px;line-height:1.5}.scope-empty{padding:80px 20px;color:#69716c;text-align:center}.scope-empty svg{color:#70877a}.scope-empty h2{margin:14px 0 5px;color:#303632;font-size:17px}.scope-empty p{margin:0;font-size:11px}.drawer-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;background:#10151259}.detail-drawer{position:absolute;top:0;right:0;bottom:0;width:min(430px,92vw);padding:22px;overflow-y:auto;background:#fff;box-shadow:-12px 0 30px #141c1726}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between}.drawer-heading span{color:#838b86;font-size:10px}.drawer-heading h2{margin:3px 0 0;font-size:19px}.drawer-heading button{display:grid;width:32px;height:32px;padding:0;place-items:center;color:#5b635e;background:#f4f6f4;border:1px solid #dce2de;border-radius:5px}.identity-block{display:grid;margin-top:24px;padding:16px 0;align-items:center;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;border-top:1px solid #e7ebe8;border-bottom:1px solid #e7ebe8}.identity-block>svg{color:#3e7858}.identity-block>div{display:flex;min-width:0;flex-direction:column}.identity-block strong{font-size:13px}.identity-block small{margin-top:3px;color:#848c87;font-size:9px}.detail-list{margin:10px 0 0}.detail-list>div{display:flex;min-height:43px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0ee}.detail-list dt{color:#7d8580;font-size:10px}.detail-list dd{margin:0;color:#303632;font-size:10px;text-align:right}.drawer-section{margin-top:24px}.drawer-section h3{margin:0 0 10px;font-size:13px}.drawer-section>p{color:#858d88;font-size:10px}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dce2de;border-radius:6px}.summary-list>div{padding:12px;border-right:1px solid #e7ebe8;border-bottom:1px solid #e7ebe8}.summary-list>div:nth-child(2n){border-right:0}.summary-list span,.summary-list strong{display:block}.summary-list span{color:#7d8580;font-size:9px}.summary-list strong{margin-top:5px;font-size:17px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.service-panel .health-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr;padding-bottom:64px}.app-shell>aside{position:fixed;z-index:50;top:auto;right:0;bottom:0;left:0;display:block;width:100%;height:64px;padding:6px 4px}.app-shell>aside .brand-mark,.nav-caption,.sidebar-status,.logout-button{display:none}nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}nav button{height:52px;padding:3px 1px;flex-direction:column;justify-content:center;gap:3px;font-size:9px}nav button.active{box-shadow:inset 0 -3px #4ab978}.nav-full{display:none}.nav-short{display:inline}.workspace>header{display:grid;height:auto;min-height:108px;padding:12px 15px;grid-template-columns:minmax(0,1fr);gap:9px}.page-title h1{font-size:18px}.header-actions{width:100%}.scope-select{min-width:0;flex:1}.scope-select select{width:100%}.message-banner{margin:10px 15px 0}.content-section{padding:18px 15px 30px}.metric-grid{gap:8px}.metric-grid article{min-height:106px;padding:13px}.metric-grid strong{font-size:24px}.overview-grid{margin-top:8px;gap:8px}.panel{padding:14px}.panel-heading{flex-direction:column}.chart-legend{width:100%}.bar-chart{height:170px;gap:2px}.bars{padding:0 1px;gap:2px}.service-panel .health-list{display:block}.section-heading{align-items:flex-start}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar .search-box{width:100%}.filter-bar label:not(.search-box){width:100%}.filter-bar select{width:100%}.table-wrap.is-empty{overflow-x:hidden}.table-wrap.is-empty table{min-width:0}.table-wrap.is-empty thead{display:none}.segmented-tabs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-tabs button{padding:0 5px;justify-content:center}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-metrics>div:nth-child(2){border-right:0}.compact-metrics>div:nth-child(-n+2){border-bottom:1px solid #e7ebe8}.provider-strip{grid-template-columns:1fr}.setting-list label{align-items:flex-start}.setting-list .select-setting{flex-direction:column;align-items:stretch}.setting-list .select-setting select{width:100%}.login-panel{padding:27px 22px}}@media(max-width:420px){.metric-grid article>svg{display:none}.metric-grid small{line-height:1.35}.chart-legend{gap:8px}.detail-drawer{width:100%;padding:18px}}