:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#20241f;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #719448;--accent-deep: #557a31;--accent-soft: #edf3e8;--surface: #ffffff;--canvas: #f7f8f5;--text: #20241f;--muted: #737b70;--border: #dde1da;--danger: #c85048;--danger-soft: #fbefee;--radius-sm: 9px;--radius-md: 13px;--radius-lg: 17px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(113,148,72,.2);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:25px 16px 18px;border-right:1px solid var(--border);background:#ffffffeb;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px}.brand-mark{width:34px;height:34px;border-radius:10px;color:var(--accent-deep);background:var(--accent-soft);display:grid;place-items:center}.brand strong,.brand span{display:block}.brand strong{font-size:15px;letter-spacing:-.01em}.brand span{color:var(--muted);font-size:12px;margin-top:3px}.navigation{display:grid;gap:5px}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 13px;border-radius:11px;color:#4c554a;font-size:14px;cursor:pointer;text-align:left;transition:color .16s ease,background .16s ease}.nav-item:hover{background:#f4f6f1;color:var(--text)}.nav-item.is-active{color:var(--accent-deep);background:var(--accent-soft);font-weight:600}.account-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-top:1px solid var(--border);background:transparent;margin-top:auto;padding:16px 8px 0;display:grid;grid-template-columns:30px 1fr 18px;gap:9px;align-items:center;cursor:pointer;font-size:13px;text-align:left}.account-avatar{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--muted);font-size:12px}.account-button svg{color:var(--muted)}.main-content{min-width:0}.page-header{min-height:88px;padding:20px 28px;border-bottom:1px solid var(--border);background:#ffffffc2;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-header h1{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.025em}.page-header p{margin:5px 0 0;font-size:12px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.secondary-button,.select-button,.primary-button{border-radius:var(--radius-sm);min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.secondary-button,.select-button{border:1px solid var(--border);background:var(--surface)}.secondary-button:hover,.select-button:hover{border-color:#c7cec0;background:#fbfcfa}.secondary-button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed}.select-button{min-width:128px;justify-content:flex-start}.select-button svg{margin-left:auto;color:var(--muted)}.environment-dot{width:8px;height:8px;border-radius:50%;background:#79a452;box-shadow:0 0 0 3px #edf3e8}.primary-button{border:1px solid var(--accent-deep);background:var(--accent-deep);color:#fff;box-shadow:0 1px 2px #374f2329}.primary-button:hover{background:#496b29}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-body{padding:22px 28px 36px;max-width:1600px;margin:0 auto}.overview-layout,.stacked-panels,.configuration-layout{display:grid;gap:16px}.service-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:90px;padding:15px 12px;display:grid;grid-template-columns:repeat(4,1fr)}.service-item{min-width:0;padding:0 18px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--border)}.service-item:last-child{border-right:0}.service-icon{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.state-healthy{color:var(--accent-deep);background:var(--accent-soft)}.state-disabled{color:#8b744b;background:#f7f1e7}.state-unavailable{color:var(--danger);background:var(--danger-soft)}.service-item strong,.service-item span{display:block}.service-item strong{font-size:14px;font-weight:650;white-space:nowrap}.service-item div span{margin-top:4px;color:var(--accent-deep);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{min-height:98px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;gap:14px}.metric-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.metric-green{background:var(--accent-soft);color:var(--accent-deep)}.metric-red{background:var(--danger-soft);color:var(--danger)}.metric-card div span{display:block;color:#5d655b;font-size:13px}.metric-card strong{display:block;margin-top:6px;font-size:26px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.dashboard-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(540px,1.15fr);gap:16px}.panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.panel-heading{min-height:52px;padding:0 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2{margin:0;font-size:14px;font-weight:680}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.panel-heading>span{color:var(--muted);font-size:11px;display:inline-flex;align-items:center;gap:6px}.chart-panel,.events-panel{min-height:330px}.chart-wrap{padding:20px 16px 10px}.chart-wrap svg{display:block;width:100%;height:230px;overflow:visible}.chart-wrap text{fill:#7e867b;font-size:10px;font-variant-numeric:tabular-nums}.chart-gridline{stroke:#e7eae4;stroke-width:1;stroke-dasharray:3 4}.chart-line{fill:none;stroke:var(--accent-deep);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:var(--accent-deep);stroke-width:2.5}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{height:38px;padding:0 14px;background:#fafbf9;border-bottom:1px solid var(--border);color:#5f685c;font-weight:600;text-align:left;white-space:nowrap}td{height:45px;padding:0 14px;border-bottom:1px solid #eceeea;color:#40473e;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f7faf4}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#50594d}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px}.status span{width:7px;height:7px;border-radius:50%}.status-success{color:var(--accent-deep)}.status-success span{background:#76a04c}.status-error{color:var(--danger)}.status-error span{background:var(--danger)}.data-panel{min-height:160px}.configuration-summary{min-height:164px}.summary-heading{height:45px;padding:0 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.summary-heading h2{margin:0;font-size:14px}.summary-heading button{border:0;background:transparent;color:var(--accent-deep);font-size:11px;font-weight:700;cursor:pointer}.summary-columns{display:grid;grid-template-columns:repeat(3,1fr)}.summary-columns>div{padding:14px 18px;border-right:1px solid var(--border)}.summary-columns>div:last-child{border-right:0}.summary-columns h3{margin:0 0 10px;font-size:12px}.summary-row{min-width:0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;margin-top:6px;font-size:10px;line-height:1.4}.summary-row span{color:var(--muted)}.summary-row strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row strong.ready{color:var(--accent-deep)}.summary-row strong.not-ready{color:#a36d24}.privacy-note{padding:11px 18px;border-bottom:1px solid var(--border);background:#f6f8f3;color:#66705f;font-size:12px}.empty-state,.loading-state{min-height:210px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.loading-spinner{width:17px;height:17px;border:2px solid #dce3d5;border-top-color:var(--accent-deep);border-radius:50%;animation:spin .8s linear infinite}.config-columns{display:grid;grid-template-columns:1fr 1fr}.config-block{padding:20px}.config-block+.config-block{border-left:1px solid var(--border)}.config-title{display:flex;align-items:center;gap:9px;margin-bottom:17px}.config-title>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--accent-deep);background:var(--accent-soft)}.config-title h3{margin:0;font-size:14px}.config-block dl{margin:0;display:grid;gap:12px}.config-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;font-size:12px;line-height:1.5}.config-row dt{color:var(--muted)}.config-row dd{margin:0;color:#424941;overflow-wrap:anywhere}.config-row dd.ready{color:var(--accent-deep)}.config-row dd.not-ready{color:#a36d24}.runtime-panel .panel-heading{min-height:66px}.switch-list{padding:4px 20px}.switch-row{position:relative;min-height:72px;border-bottom:1px solid #eceeea;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer}.switch-row:last-child{border-bottom:0}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:13px}.switch-row small{margin-top:5px;color:var(--muted);font-size:11px}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-control{flex:0 0 auto;width:38px;height:22px;border-radius:999px;background:#ccd1c8;padding:3px;transition:background .16s ease}.switch-control:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #191f1638;transition:transform .16s ease}.switch-row input:checked+.switch-control{background:var(--accent)}.switch-row input:checked+.switch-control:after{transform:translate(16px)}.switch-row input:focus-visible+.switch-control{outline:3px solid rgba(113,148,72,.2);outline-offset:2px}.config-actions{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.error-banner{margin-bottom:15px;min-height:42px;padding:9px 12px;border:1px solid #efd2cf;border-radius:var(--radius-sm);background:var(--danger-soft);color:#93463f;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.error-banner button{border:0;background:transparent;color:inherit;font-weight:700;cursor:pointer}.toast{position:fixed;right:24px;top:22px;z-index:20;min-width:250px;min-height:44px;padding:10px 10px 10px 13px;border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:0 12px 36px #252c201f;display:grid;grid-template-columns:20px 1fr 25px;gap:9px;align-items:center;font-size:12px}.toast-success>svg{color:var(--accent-deep)}.toast-error>svg{color:var(--danger)}.toast button{width:25px;height:25px;padding:0;border:0;border-radius:7px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--muted)}.login-screen{min-height:100vh;background:#f3f5f0;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);padding:30px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:0 18px 60px #323d2a14}.login-brand{display:flex;align-items:center;gap:11px}.login-brand>span{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:15px}.login-brand small{margin-top:3px;color:var(--muted);font-size:11px}.login-copy{margin:30px 0 24px}.login-copy h1{margin:0;font-size:24px;letter-spacing:-.03em}.login-copy p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.login-panel form>label{display:block;margin-bottom:8px;font-size:12px;font-weight:650}.token-field{height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:9px;color:var(--muted)}.token-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #71944821}.token-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}.form-error{color:var(--danger);margin:8px 0 0;font-size:11px}.login-submit{width:100%;margin-top:16px}.login-footnote{margin:18px 0 0;color:var(--muted);font-size:10px;text-align:center}@media(max-width:1050px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center;padding-inline:0}.brand>div:last-child,.nav-item span,.account-button>span:not(.account-avatar){display:none}.nav-item{justify-content:center;padding:0}.account-button{display:flex;justify-content:center;padding-inline:0}.account-button svg{display:none}.dashboard-grid{grid-template-columns:1fr}.service-strip{grid-template-columns:repeat(2,1fr)}.service-item:nth-child(2){border-right:0}.service-item:nth-child(-n+2){border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}}@media(max-width:760px){.app-shell{display:block;padding-bottom:67px}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:67px;padding:7px 10px;border-right:0;border-top:1px solid var(--border)}.brand,.account-button{display:none}.navigation{grid-template-columns:repeat(5,1fr);gap:3px}.nav-item{min-height:52px;flex-direction:column;gap:3px;border-radius:9px;font-size:9px}.nav-item span{display:block}.page-header{min-height:76px;padding:14px 16px}.page-header h1{font-size:19px}.page-header p,.select-button{display:none}.secondary-button{padding:0 10px}.page-body{padding:15px 14px 24px}.service-strip,.metric-grid,.config-columns,.summary-columns{grid-template-columns:1fr}.summary-columns>div{border-right:0;border-bottom:1px solid var(--border)}.summary-columns>div:last-child{border-bottom:0}.service-item{border-right:0;border-bottom:1px solid var(--border);padding:12px 10px;margin:0}.service-item:nth-child(-n+2){margin:0;padding-bottom:12px}.service-item:last-child{border-bottom:0}.metric-grid{gap:10px}.metric-card{min-height:76px}.config-block+.config-block{border-left:0;border-top:1px solid var(--border)}.panel-heading{align-items:flex-start;padding-block:14px}.panel-heading>span{text-align:right}.toast{left:14px;right:14px;top:14px;min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}