:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #e3e6ec;--color-text: #1f2430;--color-text-muted: #667085;--color-sidebar: #1c2434;--color-sidebar-hover: #2a3547;--color-primary: #2f6fed;--color-ok-bg: #e6f6ec;--color-ok-text: #1a7f43;--color-warning-bg: #fff4e0;--color-warning-text: #a86400;--color-error-bg: #fdeaea;--color-error-text: #b3261e;--color-pending-bg: #eef1f6;--color-pending-text: #5b6577;--radius: 10px;--sidebar-width: 244px;font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.6}code{background:#eef1f6;border-radius:4px;font-family:Consolas,Courier New,monospace;padding:1px 5px}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--color-sidebar);color:#d5dbe6;display:flex;flex-direction:column;gap:20px;padding:22px 16px;width:var(--sidebar-width);flex-shrink:0}.brand{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:var(--color-primary);border-radius:8px;color:#fff;display:inline-flex;font-weight:700;height:36px;justify-content:center;letter-spacing:.5px;width:36px}.brand-name{color:#fff;font-size:16px;font-weight:600}.brand-subtitle{color:#8b95a7;font-size:12px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{align-items:center;border-radius:8px;color:#c3cbd9;display:flex;gap:10px;padding:9px 10px;text-decoration:none;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--color-sidebar-hover);color:#fff}.nav-item--active{background:var(--color-primary);color:#fff}.nav-icon{font-size:15px}.nav-label{flex:1}.nav-stage{color:#7f8a9c;font-size:11px}.nav-item--active .nav-stage{color:#ffffffbf}.sidebar-footer{border-top:1px solid #2b3446;margin-top:auto;padding-top:14px}.sidebar-note{color:#98a2b3;font-size:12px;margin:0 0 6px}.sidebar-note--muted{color:#6f798b}.main{display:flex;flex:1;flex-direction:column;min-width:0}.topbar{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:16px;justify-content:space-between;padding:18px 28px}.topbar-title{font-size:20px;margin:0}.topbar-description{color:var(--color-text-muted);margin:2px 0 0;font-size:13px}.content{flex:1;padding:22px 28px}.footer{color:var(--color-text-muted);font-size:12px;padding:14px 28px 22px}.page{display:flex;flex-direction:column;gap:18px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 22px}.card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.card-actions{align-items:center;display:flex;gap:10px}.card-title{font-size:16px;margin:0 0 6px}.card-text{color:var(--color-text-muted);margin:0}.card-footnote{color:var(--color-text-muted);font-size:12px;margin:12px 0 0}.card--pending{border-style:dashed}.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:16px 0 0}.stat{background:#fafbfc;border:1px solid var(--color-border);border-radius:8px;padding:12px 14px}.stat dt{color:var(--color-text-muted);font-size:12px}.stat dd{align-items:center;display:flex;gap:8px;font-size:15px;font-weight:600;margin:4px 0 0;overflow-wrap:anywhere}.stat-address{font-size:13px;font-weight:500}.badge{border-radius:999px;display:inline-block;font-size:12px;padding:2px 10px;white-space:nowrap}.badge--outline{border:1px solid var(--color-border);color:var(--color-text-muted)}.badge--ok{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge--error{background:var(--color-error-bg);color:var(--color-error-text)}.badge--pending{background:var(--color-pending-bg);color:var(--color-pending-text)}.badge--muted{background:var(--color-pending-bg);color:var(--color-text-muted)}.meta-row{display:flex;gap:8px;margin-top:14px}.table{border-collapse:collapse;margin-top:14px;width:100%}.table th,.table td{border-bottom:1px solid var(--color-border);padding:10px 12px;text-align:left;vertical-align:middle}.table th{color:var(--color-text-muted);font-size:12px;font-weight:600}.list{color:var(--color-text);margin:12px 0 0;padding-left:20px}.list li{margin-bottom:6px}.alert{border-radius:8px;margin:14px 0 0;padding:10px 14px}.alert--error{background:var(--color-error-bg);color:var(--color-error-text)}.alert--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.pending-header{align-items:center;display:flex;gap:12px}.pending-title{font-size:15px;margin:0}.pending-text{color:var(--color-text-muted);margin:12px 0 0}.pending-list{margin:12px 0 0;padding-left:20px}.pending-list li{margin-bottom:6px}.pending-note{color:var(--color-text-muted);font-size:12px;margin:12px 0 0}.button{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:13px;padding:6px 14px;text-decoration:none}.button:disabled{cursor:default;opacity:.6}.link{color:var(--color-primary);text-decoration:none}.link:hover{text-decoration:underline}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{width:100%}.topbar,.content,.footer{padding-left:18px;padding-right:18px}}.button--ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button--ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.button--danger{background:var(--color-error-text);border-color:var(--color-error-text)}.button--small{font-size:12px;padding:4px 10px}.icon-button{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px;line-height:1;padding:4px 6px}.icon-button:hover{color:var(--color-text)}.filter-bar{align-items:flex-end;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-bottom:16px}.filter-actions{display:flex;gap:8px;margin-left:auto}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field--inline{margin-bottom:0;min-width:160px}.field--wide{grid-column:1 / -1}.field--checkbox{align-items:center;flex-direction:row;gap:8px}.field-label{color:var(--color-text-muted);font-size:12px}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:inherit;font-size:13px;padding:7px 10px;width:100%}.input:focus{border-color:var(--color-primary);outline:none}.textarea{font-family:Consolas,Courier New,monospace;line-height:1.5;margin-top:8px;resize:vertical}.form-grid{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.group-template-select{min-width:170px;width:auto}.strategy-group-header .card-actions{flex-wrap:wrap;justify-content:flex-end}.strategy-group{background:#fafbfc;border:1px solid var(--color-border);border-radius:8px;margin-top:12px;padding:12px}.strategy-group-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.strategy-group-grid{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-section-title{border-top:1px solid var(--color-border);font-size:14px;margin:6px 0 4px;padding-top:14px}.form-section-hint{color:var(--color-text-muted);font-size:12px;margin:4px 0 12px}.hint{color:var(--color-text-muted);margin:16px 0 0}.cell-title{font-weight:600}.cell-sub{color:var(--color-text-muted);font-size:12px}.cell-sub--error{color:var(--color-error-text)}.cell-mono{font-family:Consolas,Courier New,monospace;font-size:12.5px}.cell-masked{color:var(--color-text-muted)}.cell-params{color:var(--color-text-muted);font-size:12.5px;max-width:280px;overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.mono-block{background:#f7f8fa;border:1px solid var(--color-border);border-radius:8px;font-family:Consolas,Courier New,monospace;font-size:12.5px;overflow-wrap:anywhere;padding:10px 12px}.import-summary{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:14px}.stat-label{color:var(--color-text-muted);font-size:12px}.stat-value{font-size:18px;font-weight:600}.list--compact{font-size:13px;margin-top:10px}.modal-backdrop{align-items:flex-start;background:#12182673;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:48px 16px;position:fixed;z-index:50}.modal{background:var(--color-surface);border-radius:12px;box-shadow:0 18px 40px #0f172a38;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:14px 18px}.modal-title{font-size:15px;margin:0}.modal-body{max-height:68vh;overflow-y:auto;padding:18px}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:8px;justify-content:flex-end;padding:12px 18px}.pagination{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;margin-top:14px;padding-top:12px}.pagination-summary{color:var(--color-text-muted);font-size:12px}.pagination-actions{display:flex;gap:8px}.login-shell{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{max-width:460px;width:100%}.login-card .card-title{margin-bottom:6px}.login-brand{align-items:center;display:flex;gap:12px;margin-bottom:16px}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.yaml-preview{max-height:520px;overflow:auto;overflow-wrap:normal;white-space:pre}