:root{--bg:#0A0B0F;--bg-2:#0E1015;--surface:#13151B;--surface-2:#181B23;--surface-3:#1C2029;--border:#1F2230;--border-strong:#2A2E40;--text:#E6E8EC;--text-2:#8A8F9B;--text-3:#5A5F6B;--accent:#00D4AA;--accent-soft:rgba(0,212,170,0.12);--accent-line:rgba(0,212,170,0.28);--accent-2:#6366F1;--accent-2-soft:rgba(99,102,241,0.12);--success:#10B981;--warning:#F59E0B;--error:#EF4444;--info:#3B82F6;--success-soft:rgba(16,185,129,0.12);--warning-soft:rgba(245,158,11,0.13);--error-soft:rgba(239,68,68,0.13);--info-soft:rgba(59,130,246,0.13);--skel-base:#1A1D26;--skel-shimmer:#232734;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 14px rgba(0,0,0,0.35);--shadow-lg:0 14px 40px rgba(0,0,0,0.55);--sidebar-w:240px;--sidebar-w-collapsed:64px;--header-h:64px;--footer-h:40px;--font-ui:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace}[data-theme=light]{--bg:#F7F8FA;--bg-2:#FBFBFD;--surface:#FFFFFF;--surface-2:#F1F3F7;--surface-3:#E9ECF2;--border:#E3E6EE;--border-strong:#CCD1DD;--text:#14161C;--text-2:#5B6270;--text-3:#8A91A0;--accent-soft:rgba(0,168,135,0.10);--accent-line:rgba(0,168,135,0.35);--accent:#00A887;--accent-2:#4F52CF;--skel-base:#ECEEF4;--skel-shimmer:#F6F7FB;--shadow-sm:0 1px 2px rgba(20,25,45,0.04);--shadow-md:0 4px 14px rgba(20,25,45,0.06);--shadow-lg:0 14px 40px rgba(20,25,45,0.10)}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;font-family:var(--font-ui);font-size:13px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}.mono{font-family:var(--font-mono);font-feature-settings:"zero","ss01"}button{font-family:inherit}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:20px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr var(--footer-h);grid-template-areas:"sidebar header" "sidebar body" "sidebar footer";height:100vh;width:100vw;transition:grid-template-columns .2s ease}.app.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{grid-area:sidebar;background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column}.header,.sidebar{display:flex;min-width:0;overflow:hidden}.header{grid-area:header;border-bottom:1px solid var(--border);align-items:center;padding:0 16px;gap:12px;z-index:5}.body,.header{background:var(--bg)}.body{grid-area:body;overflow-y:auto;overflow-x:hidden;padding:24px;min-width:0}.footer{grid-area:footer;background:var(--bg-2);border-top:1px solid var(--border);padding:0 16px;font-size:12px;color:var(--text-2);gap:16px;min-width:0;overflow:hidden}.brand,.footer{display:flex;align-items:center}.brand{gap:10px;padding:14px 16px;height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(140deg,var(--accent) 0,#0BA37F 50%,var(--accent-2) 130%);display:grid;place-items:center;color:#03130E;font-weight:800;font-family:var(--font-mono);box-shadow:0 0 0 1px rgba(0,212,170,.25),0 4px 14px rgba(0,212,170,.2);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.4),transparent 50%)}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:14px}.brand-name .dot{color:var(--accent);margin-right:2px;font-family:var(--font-mono)}.brand-collapse{margin-left:auto;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-2);cursor:pointer;transition:.15s}.brand-collapse:hover{background:var(--surface);color:var(--text);border-color:var(--border)}.server-picker{margin:10px 12px;padding:8px 10px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:.15s}.server-picker:hover{border-color:var(--border-strong);background:var(--surface-2)}.server-picker .meta{display:flex;flex-direction:column;min-width:0;flex:1 1}.server-picker .meta .name{font-weight:600;font-size:12.5px}.server-picker .meta .host{font-size:11px;color:var(--text-2);font-family:var(--font-mono)}.server-picker .chev{color:var(--text-2)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px rgba(16,185,129,.18);position:relative;flex-shrink:0}.live-dot.warning{background:var(--warning);box-shadow:0 0 0 2px rgba(245,158,11,.18)}.live-dot.error{background:var(--error);box-shadow:0 0 0 2px rgba(239,68,68,.18)}.live-dot.pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--success);opacity:.6;animation:pulse-ring 1.8s ease-out infinite}.live-dot.warning.pulse:after{border-color:var(--warning)}.live-dot.error.pulse:after{border-color:var(--error)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.8);opacity:0}}.nav{padding:4px 8px;overflow-y:auto;flex:1 1}.nav-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-md);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:500;position:relative;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden}.nav-item .label{overflow:hidden;text-overflow:ellipsis}.nav-item .icon{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;color:var(--text-3)}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item:hover .icon{color:var(--text-2)}.nav-item.active{background:var(--accent-soft)}.nav-item.active,.nav-item.active .icon{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:2px}.nav-item .badge{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-family:var(--font-mono)}.nav-item .badge.warning{background:var(--warning-soft);color:var(--warning)}.nav-item .badge.error{background:var(--error-soft);color:var(--error)}.nav-item.nav-parent .nav-chev{margin-left:6px;color:var(--text-3);transition:transform .18s cubic-bezier(.22,1,.36,1)}.nav-item.nav-parent .nav-chev.open{transform:rotate(90deg)}.nav-item.nav-parent.has-active-child{color:var(--text)}.nav-item.nav-parent.has-active-child .icon{color:var(--accent)}.nav-children{position:relative;margin:2px 0 4px 19px;padding-left:12px;border-left:1px solid var(--border)}.nav-children .nav-child{padding:6px 10px;font-size:12px;position:relative}.nav-children .nav-child:before{content:"";position:absolute;left:-12px;top:50%;width:8px;height:1px;background:var(--border)}.nav-children .nav-child .icon{width:14px;height:14px}.nav-children .nav-child.active:before{background:var(--accent)}.nav-children .nav-child.active{background:var(--accent-soft);color:var(--accent)}.nav-children .nav-child.active .icon{color:var(--accent)}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-chev,.sidebar-collapsed .nav-children,.sidebar-collapsed .nav-item .badge,.sidebar-collapsed .nav-item .label,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .server-picker .chev,.sidebar-collapsed .server-picker .meta,.sidebar-collapsed .sidebar-status .details{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:8px}.sidebar-collapsed .nav-item .icon{width:20px;height:20px}.sidebar-collapsed .server-picker{justify-content:center;padding:8px}.sidebar-collapsed .brand{padding:14px 12px}.sidebar-collapsed .brand-collapse,.sidebar-collapsed .brand-name{display:none}.sidebar-status{border-top:1px solid var(--border);padding:10px 14px;font-size:11px;color:var(--text-2);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sidebar-status .row{justify-content:space-between}.sidebar-status .row,.sidebar-status .row .label{display:flex;align-items:center;gap:6px}.sidebar-status .v{color:var(--text);font-family:var(--font-mono);font-size:11px}.sidebar-status .v.success{color:var(--success)}.breadcrumb{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:12.5px;min-width:0;flex-shrink:0}.breadcrumb .crumb{white-space:nowrap}.breadcrumb .crumb.active{color:var(--text);font-weight:600}.breadcrumb .sep{color:var(--text-3)}.search{flex:1 1;max-width:420px;min-width:0;margin:0 auto;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);padding:7px 12px;border-radius:var(--r-md);color:var(--text-2);font-size:12.5px;cursor:text;transition:.15s;white-space:nowrap;overflow:hidden}.search>span:not(.kbd):not(.kbd>span){overflow:hidden;text-overflow:ellipsis}.search:focus-within,.search:hover{border-color:var(--border-strong)}.search .kbd{margin-left:auto;display:flex;gap:3px;flex-shrink:0}.kbd>span{font-family:var(--font-mono);font-size:10px;background:var(--surface-2);border:1px solid var(--border);padding:1px 5px;border-radius:4px;color:var(--text-2)}.header-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}@media (max-width:1100px){.header .search{max-width:280px}.header .seg button:nth-child(4),.header .seg button:nth-child(5),.header .seg button:nth-child(6){display:none}}@media (max-width:900px){.breadcrumb .crumb:first-child,.breadcrumb .sep:first-child,.header .search{display:none}}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--text-2);cursor:pointer;transition:.15s;position:relative}.icon-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border)}.icon-btn .ind{position:absolute;top:4px;right:4px;width:7px;height:7px;background:var(--error);border-radius:50%;border:2px solid var(--bg)}.seg{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:2px}.seg button{font-size:11.5px;font-family:var(--font-mono);padding:4px 8px;border:0;background:transparent;color:var(--text-2);border-radius:5px;cursor:pointer;transition:.12s}.seg button:hover{color:var(--text)}.seg button.active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm)}.refresh-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);cursor:pointer;transition:.15s}.refresh-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.refresh-btn .dot-live{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.refresh-btn.paused .dot-live{background:var(--text-3);animation:none}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),#4338CA);color:white;display:grid;place-items:center;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--border)}.avatar:hover{box-shadow:0 0 0 3px var(--accent-2-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--border-strong)}.card.hov-elev:hover{transform:translateY(-1px);border-color:var(--accent-line);box-shadow:var(--shadow-md)}.card-h{justify-content:space-between;gap:12px;margin-bottom:12px}.card-h,.card-h .title{display:flex;align-items:center}.card-h .title{font-size:12.5px;font-weight:600;color:var(--text);gap:8px}.card-h .sub{font-size:11.5px;color:var(--text-2)}.section-title{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.section-sub{font-size:12.5px;margin:0 0 16px}.chip,.section-sub{color:var(--text-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.chip .d{width:6px;height:6px;border-radius:50%;background:var(--text-2)}.chip.success{color:var(--success);background:var(--success-soft);border-color:rgba(16,185,129,.18)}.chip.success .d{background:var(--success)}.chip.warning{color:var(--warning);background:var(--warning-soft);border-color:rgba(245,158,11,.22)}.chip.warning .d{background:var(--warning)}.chip.error{color:var(--error);background:var(--error-soft);border-color:rgba(239,68,68,.22)}.chip.error .d{background:var(--error)}.chip.info{color:var(--info);background:var(--info-soft);border-color:rgba(59,130,246,.22)}.chip.info .d{background:var(--info)}.chip.muted{color:var(--text-2)}.chip.accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.chip.accent .d{background:var(--accent)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:.15s}.kpi:hover{border-color:var(--accent-line)}.kpi-head{justify-content:space-between}.kpi-head,.kpi-label{display:flex;align-items:center}.kpi-label{font-size:11.5px;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600;gap:6px}.kpi-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--surface-2);color:var(--text-2)}.kpi-value{font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1;display:flex;align-items:baseline;gap:4px}.kpi-value .unit{font-size:13px;color:var(--text-2);font-weight:400}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-family:var(--font-mono);padding:1px 6px;border-radius:5px}.kpi-delta.up{color:var(--success);background:var(--success-soft)}.kpi-delta.down{color:var(--error);background:var(--error-soft)}.kpi-delta.neutral{color:var(--text-2);background:var(--surface-2)}.kpi-meta{font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.kpi-spark{height:36px;margin:-2px -4px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:var(--text-2);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--surface);position:sticky;top:0}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--border)}.table td{color:var(--text);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.row-click{cursor:pointer}.table tr.row-click:hover td{background:var(--surface-2)}.table .mono{font-family:var(--font-mono)}.t-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.t-wrap .toolbar{display:flex;align-items:center;padding:10px 12px;gap:10px;border-bottom:1px solid var(--border);background:var(--bg-2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);cursor:pointer;font-size:12px;transition:.15s}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn.primary{background:var(--accent);color:#00211A;border-color:var(--accent);font-weight:600}.btn.primary:hover{background:#1FE0BA}.btn.ghost{background:transparent}.btn.danger{color:var(--error);border-color:rgba(239,68,68,.2);background:var(--error-soft)}.btn.danger:hover{background:rgba(239,68,68,.2)}.btn.sm{padding:4px 8px;font-size:11px}.input{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);padding:6px 10px;border-radius:var(--r-md);font-size:12px;color:var(--text)}.input input{background:transparent;border:0;outline:0;color:var(--text);width:100%;font-family:inherit;font-size:12.5px}.input input::placeholder{color:var(--text-3)}.skel{background:linear-gradient(90deg,var(--skel-base) 0,var(--skel-shimmer) 50%,var(--skel-base) 100%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tip{position:relative}.tip:hover .tip-bubble{opacity:1;transform:translateY(0);pointer-events:auto}.tip-bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);background:var(--surface-3);color:var(--text);border:1px solid var(--border-strong);padding:6px 10px;border-radius:var(--r-md);font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:.15s;z-index:20;box-shadow:var(--shadow-md)}.tip-bubble.wide{white-space:normal;width:220px;text-align:left}.tip-bubble .src{color:var(--text-3);font-family:var(--font-mono);font-size:10px;margin-top:2px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:50}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:51;transform:translateX(420px);transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-h{padding:18px 20px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--border);position:relative}.drawer-h .x{position:absolute;top:12px;right:12px}.drawer-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),#4338CA);display:grid;place-items:center;font-weight:700;font-size:20px;color:white}.drawer-body{flex:1 1;overflow:auto;padding:18px 20px}.drawer-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px}.drawer-section{margin-bottom:22px}.drawer-section h4{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);font-weight:600}.drawer-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed var(--border);font-size:12.5px;gap:8px}.drawer-row:last-child{border-bottom:0}.drawer-row .k{color:var(--text-2)}.drawer-row .v{color:var(--text);font-family:var(--font-mono);font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.drawer.svc{width:480px;transform:translateX(480px)}.drawer.svc.open{transform:translateX(0)}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-lg);background:var(--error-soft);border:1px solid rgba(239,68,68,.25);color:var(--text);margin-bottom:20px}.banner .icon{color:var(--error);flex-shrink:0}.banner.warning{background:var(--warning-soft);border-color:rgba(245,158,11,.28)}.banner.warning .icon{color:var(--warning)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;color:var(--text-2);gap:8px}.state .glyph{width:40px;height:40px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-3);margin-bottom:4px}.state .title{color:var(--text);font-weight:600;font-size:13px}.state .msg{font-size:12px;max-width:320px}.grid{display:grid;gap:16px}.col-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-6{grid-template-columns:repeat(6,minmax(0,1fr))}.col-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-2{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media (max-width:1100px){.col-3,.col-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.col-2,.col-3,.col-4{grid-template-columns:1fr}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.page-head .page-sub{margin:4px 0 0;color:var(--text-2);font-size:13px}.page-head .actions{display:flex;gap:8px}.tabs{display:flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:fit-content;margin-bottom:16px}.tabs button{padding:6px 12px;background:transparent;border:0;color:var(--text-2);cursor:pointer;font-size:12.5px;border-radius:6px;transition:.12s;font-weight:500}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--surface-3);color:var(--text)}.kpal{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;padding-top:14vh;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.16s}.kpal.open{opacity:1;pointer-events:auto}.kpal-box{width:580px;max-width:90vw;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(8px);transition:.2s}.kpal.open .kpal-box{transform:translateY(0)}.kpal-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.kpal-input input{flex:1 1;background:transparent;border:0;outline:0;color:var(--text);font-size:14px}.kpal-list{max-height:50vh;overflow:auto;padding:6px}.kpal-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:8px 10px 4px;font-weight:600}.kpal-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);color:var(--text);cursor:pointer;font-size:13px}.kpal-item.sel,.kpal-item:hover{background:var(--surface-2)}.kpal-item .icon{color:var(--text-2)}.kpal-item .sub{margin-left:auto;color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.divider{height:1px;background:var(--border);margin:12px 0}.row-flex{display:flex;align-items:center;gap:8px}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.right{margin-left:auto}.pill-bar{display:flex;flex-wrap:wrap;gap:6px}.code-inline{font-family:var(--font-mono);font-size:11.5px;border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--text)}.bar-track,.code-inline{background:var(--surface-2)}.bar-track{height:6px;border-radius:99px;overflow:hidden;position:relative}.bar-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .4s cubic-bezier(.22,1,.36,1)}.bar-fill.warning{background:var(--warning)}.bar-fill.error{background:var(--error)}.bar-fill.info{background:var(--info)}.bar-fill.indigo{background:var(--accent-2)}.legend-row{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--text-2)}.legend-row span{display:inline-flex;align-items:center;gap:5px}.legend-row .d{width:8px;height:8px;border-radius:50%}