:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#eef1f5;--border:#e2e6ec;--border-strong:#cfd6e0;--text:#101828;--text-2:#475467;--muted:#667085;--accent:#e8590c;--accent-strong:#c2410c;--accent-soft:#fff1e7;--link:#1d4ed8;--ok:#067647;--ok-soft:#ecfdf3;--warn:#b54708;--warn-soft:#fffaeb;--bad:#b42318;--bad-soft:#fef3f2;--shadow:0 1px 2px #1018280d;--shadow-lg:0 18px 48px #1018282e;--radius:10px;--radius-sm:7px;--sidebar:232px;--topbar:56px;--font:"Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1118;--surface:#121923;--surface-2:#0f1620;--surface-3:#1a2431;--border:#253140;--border-strong:#344254;--text:#e7edf5;--text-2:#b7c3d1;--muted:#8b9aab;--accent:#fb923c;--accent-strong:#fdba74;--accent-soft:#fb923c1f;--link:#93c5fd;--ok:#6ee7b7;--ok-soft:#10b9811f;--warn:#fcd34d;--warn-soft:#f59e0b1f;--bad:#fda29b;--bad-soft:#ef44441f;--shadow:0 1px 2px #0000004d;--shadow-lg:0 24px 64px #0000008c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.5}a{color:var(--link);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);background:var(--surface);border-right:1px solid var(--border);z-index:30;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:9px;min-height:57px;padding:15px 16px 13px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--accent), #b45309);color:#fff;letter-spacing:-.5px;border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;display:grid;box-shadow:0 2px 6px #ea580c47}.brand-name{letter-spacing:.2px;font-size:15px;font-weight:700}.brand-sub{color:var(--muted);margin-top:1px;font-size:10px}.nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-section{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;padding:12px 10px 5px;font-size:10px}.nav-item{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;margin-bottom:1px;padding:8px 10px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.nav-item svg{flex:0 0 16px;width:16px;height:16px}.sidebar-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;align-items:center;gap:12px;padding:0 22px;display:flex;position:sticky;top:0}.topbar-menu{display:none}.breadcrumb{color:var(--muted);align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.breadcrumb strong{color:var(--text);font-size:13px;font-weight:600}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:6px;display:flex}.content{width:100%;max-width:1500px;margin:0 auto;padding:20px 22px 40px}.page-title{letter-spacing:-.2px;font-size:19px;font-weight:700}.page-sub{color:var(--muted);margin-top:3px;font-size:12px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:500;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 30%, var(--border))}.btn-danger:hover{background:var(--bad-soft);border-color:var(--bad)}.btn-sm{padding:3px 8px;font-size:11px}.btn-icon{width:28px;height:28px;padding:0}.btn svg{width:14px;height:14px}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);outline:none;width:100%;padding:6px 9px;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.textarea{resize:vertical;min-height:74px}.field{flex-direction:column;gap:5px;display:flex}.field>label{color:var(--text-2);font-size:11px;font-weight:600}.field-hint{color:var(--muted);font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .span-2{grid-column:span 2}.protocol-picker{flex-direction:column;gap:6px;display:flex}.protocol-trigger{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.protocol-trigger:hover,.protocol-picker.open .protocol-trigger{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent)}.protocol-trigger-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.protocol-trigger-main strong{font-size:13px}.protocol-trigger-main code,.protocol-option-title code,.protocol-readonly code{font-family:var(--mono);color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 4px;font-size:10px}.protocol-trigger-action{color:var(--link);flex:none;align-items:center;gap:4px;font-size:11px;display:inline-flex}.protocol-panel{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;padding:11px;display:flex}.protocol-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.protocol-panel-head strong{font-size:12px}.protocol-panel-head .badge{flex:none}.protocol-search{max-width:420px}.protocol-groups{flex-direction:column;gap:12px;display:flex}.protocol-group-title{color:var(--text-2);margin-bottom:5px;font-size:11px;font-weight:700}.protocol-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.protocol-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;color:var(--text);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 9px;display:flex}.protocol-option:hover{border-color:var(--accent);background:var(--accent-soft)}.protocol-option.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.protocol-option.system{border-style:dashed}.protocol-option-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.protocol-option-desc{color:var(--muted);font-size:10.5px;line-height:1.45}.protocol-custom{border-top:1px solid var(--border);padding-top:9px}.protocol-custom-row{align-items:stretch}.protocol-custom-row .input{flex:auto}.protocol-panel-foot{border-top:1px solid var(--border);color:var(--muted);padding-top:8px;font-size:10.5px}.protocol-readonly{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:4px;padding:9px 11px;display:flex}.protocol-readonly-main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.checkbox{color:var(--text-2);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}.checkbox input{width:14px;height:14px;accent-color:var(--accent)}.segmented{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.core-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.core-dot.ok{background:var(--ok)}.core-dot.bad{background:var(--bad)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.card-title{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.card-body{padding:14px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat{padding:14px}.stat-label{color:var(--muted);letter-spacing:.2px;font-size:11px;font-weight:600}.stat-value{letter-spacing:-.4px;font-variant-numeric:tabular-nums;margin-top:5px;font-size:23px;font-weight:700}.stat-value.small{font-size:17px}.stat-foot{color:var(--muted);margin-top:5px;font-size:11px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.spacer{flex:1}.table-wrap{width:100%;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:12px}table.data th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}table.data td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 12px}table.data tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}table.data td.actions{text-align:right;white-space:nowrap}.cell-main{font-weight:600}.cell-sub{color:var(--muted);margin-top:1px;font-size:11px}.badge{border:1px solid var(--border);color:var(--text-2);background:var(--surface-2);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 25%, transparent)}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 25%, transparent)}.badge.bad{color:var(--bad);background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 25%, transparent)}.badge.muted{color:var(--muted)}.badge.accent{color:var(--accent-strong);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tabs{border-bottom:1px solid var(--border);align-items:center;gap:2px;margin-bottom:14px;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:12px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0a0f1680;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:760px;animation:.12s ease-out modal-in}.modal.wide{max-width:1040px}.modal.narrow{max-width:520px}@keyframes modal-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.modal-title{font-size:14px;font-weight:700}.modal-body{padding:16px}.modal-foot{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 12px 12px;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.entry-layout{grid-template-columns:196px minmax(0,1fr);align-items:start;gap:14px;display:grid}.entry-nav{flex-direction:column;gap:4px;display:flex;position:sticky;top:8px}.entry-nav-item{text-align:left;color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 9px;display:flex}.entry-nav-item strong{font-size:12px;font-weight:600}.entry-nav-item span{color:var(--muted);font-size:10px;line-height:1.35}.entry-nav-item:hover{background:var(--surface-2);color:var(--text)}.entry-nav-item.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-strong)}.entry-nav-item.active span{color:var(--accent-strong);opacity:.75}.entry-nav-note{color:var(--muted);border-top:1px solid var(--border);align-items:flex-start;gap:5px;margin-top:6px;padding:8px;font-size:10px;line-height:1.45;display:flex}.entry-pane{min-width:0}.entry-pane-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.entry-advanced{border-top:1px dashed var(--border);color:var(--muted);margin-top:14px;padding-top:10px;font-size:11px}.entry-advanced summary{cursor:pointer;color:var(--text-2);font-weight:600}.config-workbench{grid-template-columns:214px minmax(0,1fr);align-items:start;gap:14px;display:grid}.config-nav{flex-direction:column;gap:4px;display:flex;position:sticky;top:76px}.config-nav-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 9px 4px;font-size:10px;font-weight:700}.config-nav-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 9px;display:flex}.config-nav-item strong{font-size:12px;font-weight:600}.config-nav-item span{color:var(--muted);font-size:10px;line-height:1.35}.config-nav-item:hover{background:var(--surface-2);color:var(--text)}.config-nav-item.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-strong)}.config-nav-item.active span{color:var(--accent-strong);opacity:.75}.config-nav-note{border-top:1px solid var(--border);color:var(--muted);margin-top:8px;padding:9px;font-size:10px;line-height:1.55}.config-main{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;padding:14px}.config-main-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.quick-fields{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:12px;padding:10px 12px}.quick-fields-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.table-input{min-width:90px;padding:5px 7px;font-size:11px}.quick-fields table.data th,.quick-fields table.data td{padding-top:5px;padding-bottom:5px}@media (width<=960px){.config-workbench{grid-template-columns:minmax(0,1fr)}.config-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:4px;display:grid;position:static;overflow:visible}.config-nav-title,.config-nav-note{display:none}.config-nav-item{border-color:var(--border);background:var(--surface-2);min-width:0}}@media (width<=720px){.entry-layout{grid-template-columns:minmax(0,1fr)}.entry-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:4px;display:grid;position:static;overflow:visible}.entry-nav-item{border-color:var(--border);background:var(--surface-2);min-width:0}.entry-nav-note{display:none}}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:min(420px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--muted);box-shadow:var(--shadow-lg);border-radius:8px;padding:9px 12px;font-size:12px;animation:.15s ease-out toast-in}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--bad)}.toast.info{border-left-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.json-editor{flex-direction:column;gap:6px;display:flex}.json-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.json-area{resize:vertical;width:100%;min-height:190px;max-height:60vh;font-family:var(--mono);tab-size:2;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);outline:none;padding:9px 10px;font-size:11.5px;line-height:1.55}.json-area:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.json-area.invalid{border-color:var(--bad)}.json-error{color:var(--bad);font-size:11px;font-family:var(--mono)}.json-hint{color:var(--muted);font-size:11px}pre.code{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--mono);max-height:52vh;margin:0;padding:12px;font-size:11.5px;line-height:1.55;overflow:auto}.kv{grid-template-columns:120px 1fr;gap:6px 12px;font-size:12px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:12px}.empty strong{color:var(--text-2);margin-bottom:4px;font-size:13px;display:block}.loading{color:var(--muted);align-items:center;gap:8px;padding:16px;font-size:12px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.copy-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px;display:inline-flex}.copy-btn:hover{color:var(--text);background:var(--surface-3)}.credentials-table .secret{font-family:var(--mono);word-break:break-all;font-size:11px}.qr-box{border:1px solid var(--border);background:#fff;border-radius:10px;place-items:center;width:196px;height:196px;padding:10px;display:grid}.qr-box img{width:172px;height:172px;display:block}.sub-link{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:6px 8px;font-size:11px}.divider{background:var(--border);height:1px;margin:12px 0}.note{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text-2);border-radius:8px;padding:9px 11px;font-size:12px}.note.warn{border-left-color:var(--warn);background:var(--warn-soft)}.note.bad{border-left-color:var(--bad);background:var(--bad-soft)}.login-page{background:var(--bg);grid-template-columns:minmax(0,1fr) 420px;min-height:100vh;display:grid}.login-art{color:#f8fafc;background:radial-gradient(circle at 18% 18%,#ea580c38,#0000 40%),radial-gradient(circle at 80% 70%,#1d4ed829,#0000 45%),#0e1520;flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.login-art .brand{border-bottom:0;min-height:auto;padding:0}.login-art .brand-name,.login-art .brand-sub{color:#fff}.login-art .brand-sub{color:#cbd5e1}.login-copy{z-index:1;max-width:520px;margin-top:auto;margin-bottom:auto;position:relative}.login-copy h1{letter-spacing:-.8px;margin-bottom:12px;font-size:34px;line-height:1.2}.login-copy p{color:#cbd5e1;max-width:440px;font-size:13px}.login-foot{color:#64748b;letter-spacing:.02em;z-index:1;font-size:11px;position:relative}.login-form-wrap{background:var(--surface);border-left:1px solid var(--border);justify-content:center;align-items:center;padding:28px;display:flex}.login-form{flex-direction:column;gap:13px;width:100%;max-width:330px;display:flex}.login-form h2{letter-spacing:-.3px;font-size:20px}.login-form .sub{color:var(--muted);margin-bottom:3px;font-size:12px}.login-error{color:var(--bad);background:var(--bad-soft);border:1px solid color-mix(in srgb, var(--bad) 25%, transparent);border-radius:var(--radius-sm);padding:7px 9px;font-size:12px}.mobile-backdrop{display:none}@media (width<=1180px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.sidebar{box-shadow:var(--shadow-lg);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-backdrop{z-index:25;background:#0a0f1666;display:block;position:fixed;inset:0}.topbar-menu{display:inline-flex}.content{padding:16px 14px 32px}.topbar{padding:0 14px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{border-left:0;min-height:100vh}}@media (width<=720px){.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2{grid-column:span 1}.protocol-option-grid{grid-template-columns:minmax(0,1fr)}.protocol-panel-head{flex-direction:column}.page-head{align-items:stretch}.head-actions{width:100%}.modal-backdrop{padding:12px}.modal{flex-direction:column;max-height:calc(100vh - 24px);display:flex}.modal-body{overflow-y:auto}.kv{grid-template-columns:105px 1fr}.topbar .breadcrumb span{display:none}}.field-picker{border:1px solid var(--border);background:var(--surface-2,#00000005);border-radius:10px;margin-top:12px;padding:12px}.field-picker-body{margin-top:10px}.field-picker-groups{flex-wrap:wrap;gap:6px;display:flex}.field-picker .chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.field-picker .chip.active{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.field-picker .chip-count{opacity:.7;font-size:11px}.monitor-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.monitor-tabs button{white-space:nowrap;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 16px}.monitor-tabs button.active{color:#df5f0a;border-bottom-color:#df5f0a;font-weight:600}.monitor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.monitor-toolbar label{margin-bottom:6px;font-size:12px;display:block}.monitor-toolbar select{min-width:220px}.monitor-updated{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.monitor-core-status{color:var(--text-2);flex-wrap:wrap;gap:22px;font-size:13px;display:flex}.monitor-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;display:grid}.monitor-charts{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:12px;display:grid}.monitor-details{flex-direction:column;gap:10px;font-size:13px;display:flex}.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:16px}.metric-title{font-size:14px;font-weight:600}.metric-legend{flex-wrap:wrap;gap:20px;margin-top:10px;font-size:12px;display:flex}.metric-legend strong{color:var(--text);font-variant-numeric:tabular-nums;margin-left:4px}.metric-plot{margin-top:10px;position:relative}.metric-plot svg{width:100%;min-height:150px;display:block}.metric-plot text{fill:currentColor;opacity:.65;font-size:10px}.metric-grid{fill:none;stroke:currentColor;opacity:.14;stroke-width:1px;vector-effect:non-scaling-stroke}.metric-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.metric-empty{opacity:.65;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.resource-gauge{align-items:center;gap:14px;min-width:0;padding:16px;display:flex}.gauge-ring{flex:none;place-items:center;width:76px;height:76px;display:grid;position:relative}.gauge-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.gauge-ring circle{fill:none;stroke-width:8px}.gauge-track{stroke:var(--border)}.gauge-value{stroke:#df6b16;stroke-linecap:round}.gauge-ring strong{font-variant-numeric:tabular-nums;font-size:13px;position:relative}.gauge-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.gauge-copy span{color:var(--text-2);overflow-wrap:anywhere;font-size:12px}.history-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding-top:8px;display:flex}.history-heading>div:first-child{flex-direction:column;gap:5px;display:flex}.history-heading strong{font-size:15px}.history-heading span,.metric-subtitle,.metric-period{color:var(--text-2);font-size:12px}.history-ranges{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.history-ranges button{color:var(--text-2);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:12px}.history-ranges button.active{color:var(--accent-strong);background:var(--accent-soft);font-weight:600}.metric-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.metric-subtitle{margin-top:5px}.metric-period{white-space:nowrap}.metric-plot svg{min-height:190px}.metric-hover{fill:none;stroke:currentColor;opacity:.35;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.field-inline{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.field-inline .select{min-width:140px}.log-view{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:62vh;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;margin-top:12px;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.metric-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:var(--shadow);border-radius:12px}.metric-legend{gap:8px}.metric-legend>span{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.metric-a{color:var(--accent-strong)}.metric-b{color:#287bc4}.metric-plot{border-radius:8px;padding:2px 2px 0}.metric-grid{stroke:var(--border-strong);opacity:.38;stroke-dasharray:2 6}.metric-axis{fill:var(--muted);opacity:1;font-size:10px}.metric-line{stroke-width:2.2px}.metric-line-a{stroke:var(--accent-strong)}.metric-line-b{stroke:#287bc4}.metric-dot-a{fill:var(--accent-strong)}.metric-dot-b{fill:#287bc4}.metric-last{stroke:var(--surface);stroke-width:1.6px}.metric-empty{background:linear-gradient(180deg,transparent,var(--surface-2));border-radius:8px}