*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.45;font-weight:400;font-size:13px;color-scheme:light;color:#3b3026;background-color:#faf6ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #faf6ee;--surface: #fffdf8;--surface-2: #f5eee2;--surface-hover: #f0e7d7;--border: #e6dac6;--border-strong: #d6c6ad;--text: #3b3026;--text-muted: #8c7d68;--text-faint: #b0a288;--accent: #e07a38;--accent-hover: #c5611f;--accent-soft: rgba(224, 122, 56, .14);--ok: #5e9c6e;--ok-soft: rgba(94, 156, 110, .16);--warn: #d79a2c;--warn-soft: rgba(215, 154, 44, .16);--err: #d2553c;--err-soft: rgba(210, 85, 60, .16);--idle: #a99a83;--idle-soft: rgba(169, 154, 131, .2);--mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", ui-monospace, monospace;--r-sm: 5px;--r-md: 7px;--r-lg: 10px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--nav-h: 48px}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100%}a{font-weight:500;color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{border-radius:6px;border:1px solid var(--border);padding:.5em 1em;font-size:13px;font-weight:500;font-family:inherit;background-color:var(--surface-2);color:var(--text);cursor:pointer;transition:background-color .15s,border-color .15s}button:hover{background-color:var(--surface-hover)}button:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background-color:var(--accent-hover)}button.danger{background-color:var(--err);color:#fff;border-color:var(--err)}button.danger:hover{background-color:#b8442f}input,textarea,select{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--text);font-family:inherit;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);border:2px solid transparent;background-clip:content-box}::selection{background:var(--accent-soft);color:var(--text)}.text-ok{color:var(--ok)}.topnav{display:flex;align-items:center;gap:var(--sp-5);height:var(--nav-h);padding:0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;min-width:0}.topnav-brand{display:flex;align-items:baseline;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.topnav-logo{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.topnav-version{font-family:var(--mono);font-size:10px;color:var(--text-faint)}.topnav-links-wrap{position:relative;display:flex;align-items:center;height:100%;min-width:0}.topnav-links-wrap:before,.topnav-links-wrap:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1}.topnav-links-wrap:before{left:0;background:linear-gradient(to right,var(--surface),transparent)}.topnav-links-wrap:after{right:0;background:linear-gradient(to left,var(--surface),transparent)}.topnav-links-wrap.scroll-left:before{opacity:1}.topnav-links-wrap.scroll-right:after{opacity:1}.topnav-links{display:flex;align-items:center;gap:var(--sp-1);height:100%;min-width:0;overflow-x:auto;scrollbar-width:none}.topnav-links::-webkit-scrollbar{display:none}.topnav-links a{flex-shrink:0}.topnav-links a{display:flex;align-items:center;height:100%;padding:0 var(--sp-3);font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:color .12s,border-color .12s}.topnav-links a:hover{color:var(--text)}.topnav-links a.active{color:var(--text);border-bottom-color:var(--accent)}.topnav-right{display:flex;align-items:center;gap:var(--sp-3);margin-left:auto;min-width:0;flex-shrink:0}.topnav-conn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:transparent;border:1px solid var(--border);border-radius:var(--r-sm);font-size:11px;color:var(--text-muted)}.topnav-conn:hover{background:var(--surface-2)}.topnav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.topnav-dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.topnav-dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.topnav-dot.err{background:var(--err);box-shadow:0 0 0 3px var(--err-soft)}.topnav-conn-label{font-family:var(--mono)}.topnav-org,.topnav-org-static{font-size:12px;color:var(--text-muted)}.topnav-org-static{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-org{padding:var(--sp-1) var(--sp-2)}.topnav-user{display:flex;align-items:center;gap:var(--sp-2);padding-left:var(--sp-3);border-left:1px solid var(--border)}.topnav-user-name{font-size:12px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-logout{padding:var(--sp-1) var(--sp-2);font-size:11px;background:transparent;border:1px solid var(--border);color:var(--text-muted)}.topnav-logout:hover{color:var(--err);border-color:var(--err);background:var(--err-soft)}.topnav-sep{width:1px;align-self:center;height:18px;background:var(--border-strong);margin:0 6px}.topnav-select{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);font-size:13px;padding:4px 8px;max-width:12rem}.topnav-org-badge{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.topnav-usermenu{position:relative}.topnav-user-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;padding:3px 6px;border-radius:var(--r-sm);color:var(--text);min-width:0;max-width:12rem}.topnav-user-btn:hover{background:var(--surface-hover)}.topnav-user-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.topnav-caret{color:var(--text-muted);font-size:10px;flex-shrink:0}.topnav-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 10px 28px #3c280f2e;padding:4px;z-index:50}.topnav-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:7px 10px;border-radius:var(--r-sm);color:var(--text);font-size:13px;cursor:pointer}.topnav-menu-item:hover{background:var(--surface-hover)}.topnav-menu-item.topnav-signout{color:var(--err);background:transparent}.topnav-menu-item.topnav-signout:hover{background:var(--err-soft)}.topnav-menu-sep{height:1px;background:var(--border);margin:4px 0}@media(max-width:1024px){.topnav{gap:var(--sp-3);padding:0 var(--sp-3)}.topnav-version,.topnav-conn-label{display:none}.topnav-org-static,.topnav-user-btn,.topnav-select{max-width:8rem}}.m-shell{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.m-appbar{display:flex;align-items:center;gap:var(--sp-2);height:56px;padding:0 var(--sp-2) 0 var(--sp-1);padding-top:env(safe-area-inset-top,0);height:calc(56px + env(safe-area-inset-top,0));background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:20}.m-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text)}.m-iconbtn:hover,.m-iconbtn:active{background:var(--surface-hover)}.m-appbar-titles{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;line-height:1.2;cursor:pointer}.m-appbar-title{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-appbar-project{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-conn{position:relative}.m-conn-refresh{width:18px;height:18px;color:var(--text-muted)}.m-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%}.m-dot.ok{background:var(--ok);box-shadow:0 0 0 2px var(--surface)}.m-dot.warn{background:var(--warn);box-shadow:0 0 0 2px var(--surface)}.m-dot.err{background:var(--err);box-shadow:0 0 0 2px var(--surface)}.m-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0}.m-shell .main-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.m-bottomnav{display:flex;align-items:stretch;justify-content:space-around;flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);z-index:20}.m-bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px 8px;border:none;background:transparent;color:var(--text-muted);font-size:10.5px;font-weight:500;text-decoration:none;min-width:0;-webkit-tap-highlight-color:transparent}.m-bn-item svg{width:22px;height:22px}.m-bn-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-bn-item.active{color:var(--accent)}.m-drawer-root{position:fixed;inset:0;z-index:200}.m-drawer-backdrop{position:absolute;inset:0;background:#3c2d196b;animation:m-fade .15s ease-out}.m-drawer{position:absolute;top:0;left:0;bottom:0;width:86vw;max-width:340px;background:var(--surface);border-right:1px solid var(--border);box-shadow:0 0 40px #3c280f40;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);animation:m-slide-in .2s ease-out;overflow:hidden}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.m-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.m-drawer-brand{display:flex;align-items:baseline;gap:var(--sp-2)}.m-drawer-logo{font-size:18px;font-weight:700;color:var(--text)}.m-drawer-version{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.m-drawer-select{display:flex;flex-direction:column;gap:4px;padding:var(--sp-2) var(--sp-4) 0;flex-shrink:0}.m-drawer-select-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.m-drawer-select select{width:100%;padding:10px 12px;font-size:15px;border-radius:var(--r-md)}.m-drawer-org-static{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-4) 0}.m-drawer-org-static strong{font-size:15px;color:var(--text)}.m-drawer-nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-2) var(--sp-2) var(--sp-3)}.m-drawer-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:var(--sp-3) var(--sp-3) var(--sp-1)}.m-drawer-link{display:flex;align-items:center;gap:var(--sp-3);padding:12px var(--sp-3);border-radius:var(--r-md);color:var(--text);text-decoration:none;font-size:15px;font-weight:500}.m-drawer-link:active{background:var(--surface-hover)}.m-drawer-link-icon{display:inline-flex;color:var(--text-muted);flex-shrink:0}.m-drawer-link-label{flex:1;min-width:0}.m-drawer-link-chevron{width:16px;height:16px;color:var(--text-faint);opacity:0}.m-drawer-link.active{background:var(--accent-soft);color:var(--accent)}.m-drawer-link.active .m-drawer-link-icon{color:var(--accent)}.m-drawer-link.active .m-drawer-link-chevron{opacity:1;color:var(--accent)}.m-drawer-foot{flex-shrink:0;border-top:1px solid var(--border);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.m-drawer-conn{display:flex;align-items:center;gap:var(--sp-2);padding:10px var(--sp-3);border:none;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-muted);font-size:13px;position:relative}.m-drawer-conn .m-dot{position:static;box-shadow:none}.m-drawer-conn-label{flex:1;text-align:left}.m-drawer-conn-refresh{width:16px;height:16px}.m-drawer-signout{display:flex;align-items:center;gap:var(--sp-2);padding:12px var(--sp-3);border:none;border-radius:var(--r-md);background:transparent;color:var(--err);font-size:15px;font-weight:500}.m-drawer-signout:active{background:var(--err-soft)}.m-drawer-signout svg{width:20px;height:20px;flex-shrink:0}.m-drawer-user{margin-left:auto;color:var(--text-faint);font-size:12px;font-weight:400;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-shell .content-header{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2)}.m-shell .content-header h2{font-size:16px}.m-shell .content-header-right{margin-left:auto}.m-shell .content-body{padding:var(--sp-3)}.m-shell .detail-section,.m-shell .info-card,.m-shell .stat-card{padding:var(--sp-3);margin-bottom:var(--sp-3)}.m-shell .detail-section.table-section,.m-shell .table-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.m-shell .detail-table.full-width{min-width:max-content}.m-shell .kv-table .detail-label{width:auto}.m-shell .info-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.m-shell .vtabs-layout{flex-direction:column}.m-shell .vtabs{flex:0 0 auto;width:100%;flex-direction:row;gap:var(--sp-1);border-right:none;border-bottom:1px solid var(--border);padding:var(--sp-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.m-shell .vtabs::-webkit-scrollbar{display:none}.m-shell .vtabs-title{display:none}.m-shell .vtab{flex-shrink:0;white-space:nowrap;padding:.5rem .85rem}.m-shell .form-row{flex-direction:column;align-items:stretch;gap:.35rem}.m-shell .form-row .form-label{flex:none}.m-shell .audit-filters{flex-direction:column;align-items:stretch}.m-shell .audit-filter input,.m-shell .audit-filter-wide input,.m-shell .input-group input,.m-shell .logs-search-input{min-width:0;width:100%}.m-shell .input-group{flex-direction:column}.m-shell .section-header-row,.m-shell .logs-section-header{flex-wrap:wrap}.m-shell .btn-sm-action,.m-shell .config-actions .btn{padding:8px 14px;font-size:13px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5)}.login-header{text-align:center;margin-bottom:var(--sp-4)}.login-header h1{color:var(--text);font-size:18px;margin:0 0 var(--sp-1);letter-spacing:-.01em}.login-header p{color:var(--text-muted);margin:0;font-size:12px}.login-form{display:flex;flex-direction:column;gap:var(--sp-3)}.login-error{background:var(--err-soft);border:1px solid rgba(248,113,113,.3);border-left:3px solid var(--err);color:#e08e7a;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:12px;line-height:1.5}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{color:var(--text-muted);font-size:12px;font-weight:500}.form-field input,.form-field select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 10px;color:var(--text);font-size:13px;outline:none;transition:border-color .12s}.form-field input:focus,.form-field select:focus{border-color:var(--accent)}.form-field input:disabled,.form-field select:disabled{opacity:.6}.login-button{background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);padding:9px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s;margin-top:var(--sp-1)}.login-button:hover:not(:disabled){background:var(--accent-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-sso{margin-top:var(--sp-3)}.login-sso-divider{display:flex;align-items:center;text-align:center;color:var(--text-muted, #888);font-size:12px;margin:var(--sp-2) 0}.login-sso-divider:before,.login-sso-divider:after{content:"";flex:1;border-bottom:1px solid var(--border, #333)}.login-sso-divider span{padding:0 var(--sp-2)}.login-sso-button{width:100%;background:transparent;color:var(--text, #eee);border:1px solid var(--border, #444);border-radius:var(--r-sm);padding:9px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.login-sso-button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover, rgba(255, 255, 255, .04))}.login-sso-button:disabled{opacity:.6;cursor:not-allowed}.status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg);color:var(--text-muted);font-size:13px;gap:var(--sp-4);padding:var(--sp-4)}.status-screen-title{font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em}.status-screen-message{max-width:28rem;text-align:center;line-height:1.5;color:var(--text-muted)}.status-screen-message strong{color:var(--text);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#020817b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-4)}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #0009}.modal-content-wide{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:14px;font-weight:600;color:var(--text)}.modal-close{background:none;border:none;font-size:20px;color:var(--text-faint);cursor:pointer;padding:0 var(--sp-1);line-height:1}.modal-close:hover{color:var(--text);background:none}.modal-body{padding:var(--sp-4)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 var(--r-lg) var(--r-lg)}.form-group{margin-bottom:var(--sp-4)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-group input{width:100%;padding:8px 10px;font-size:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);transition:border-color .12s}.form-group input:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder{color:var(--text-faint)}.form-help{margin:6px 0 0;font-size:11px;color:var(--text-muted);line-height:1.5}.btn{padding:7px 14px;font-size:12px;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:background .12s,border-color .12s;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--err);color:#fff}.btn-danger:hover:not(:disabled){background:#cf4a30}.btn-copy{background:var(--surface-2);color:var(--text);padding:5px 12px;font-size:11px;border-color:var(--border)}.btn-copy:hover{background:var(--surface-hover)}.loading-state{display:flex;flex-direction:column;align-items:center;padding:var(--sp-5) var(--sp-4);gap:var(--sp-3)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin:0;color:var(--text-muted);font-size:12px}.error-state{background:var(--err-soft);border:1px solid rgba(248,113,113,.3);border-left:3px solid var(--err);border-radius:var(--r-md);padding:var(--sp-3)}.error-state p{margin:0;color:#e08e7a;font-size:12px;line-height:1.5}.success-state{display:flex;flex-direction:column;align-items:center;padding:var(--sp-3) 0;gap:var(--sp-2)}.success-icon{width:40px;height:40px;background:var(--ok-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ok)}.success-message{margin:0;color:var(--text);font-size:13px;text-align:center}.api-key-section{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.api-key-section label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.api-key-warning{background:var(--warn-soft);border:1px solid rgba(251,191,36,.3);border-left:3px solid var(--warn);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);font-size:12px;color:#e0ad3f;line-height:1.5}.api-key-warning strong{color:var(--warn)}.api-key-display{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 4px 4px 10px}.api-key-display code{flex:1;font-family:var(--mono);font-size:12px;color:var(--ok);word-break:break-all}.confirm-message{text-align:center;margin-bottom:var(--sp-3)}.confirm-message p{margin:0 0 6px;color:var(--text);font-size:13px}.confirm-message p.warning{color:var(--warn);font-size:12px}.error-banner-icon{color:var(--err);font-size:14px;line-height:1;flex-shrink:0}.error-banner-body{flex:1;min-width:0;word-break:break-word}.error-banner-dismiss{margin-left:0;padding:0 8px;font-size:15px;line-height:1}.content-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-height:0}.content-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#9a8b76;font-size:14px}.content-header{padding:var(--sp-2) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-height:44px}.content-header h2{margin:0;font-size:15px;font-weight:600;color:var(--text)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;margin-right:12px;color:#8c7d68}.breadcrumb-link{color:#8c7d68;text-decoration:none;transition:color .15s;font-size:inherit;font-weight:inherit}.breadcrumb-link:hover{color:#3b3026}.breadcrumb-separator{color:#9a8b76;font-size:inherit;font-weight:400;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#9a8b76;font-size:inherit;font-weight:500}.content-header-center{flex:1;display:flex;justify-content:center;align-items:center;gap:12px;min-width:0}.content-header-center .status-badge{margin-left:0}.content-header-right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.content-header-right .status-badge{margin-left:0}.agent-page-nav{display:flex;align-items:center;gap:6px}.agent-page-nav a{display:inline-block;padding:6px 14px;font-size:13px;font-weight:500;color:#8c7d68;background:#faf6ee;border:1px solid #e2d6c2;border-radius:6px;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.agent-page-nav a:hover{color:#3b3026;background:#f5eee2;border-color:#b6a88f}.agent-page-nav a.active{color:#fff;background:#e07a38;border-color:#e07a38}.agent-page-nav a.active:hover{background:#c5611f;border-color:#c5611f;color:#fff}.content-subtitle{font-size:13px;color:#8c7d68}.status-badge{margin-left:auto;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.online{background:#4ade8026;color:#5e9c6e}.status-badge.offline{background:#f8717126;color:#d2553c}.status-badge.stale,.status-badge.online.stale,.status-badge.offline.stale,.status-badge.info.stale{background:#64748b33;color:#9a8b76}.text-muted{color:#9a8b76;font-size:12px}.error-list{margin:0;padding-left:20px;color:#d2553c;font-size:13px;line-height:1.6}.error-list li{margin-bottom:6px}.content-body{flex:1;padding:var(--sp-4);overflow-y:auto;min-height:0}.info-card{background:#f5eee2;border:1px solid #e2d6c2;border-radius:8px;padding:20px;margin-bottom:20px}.info-card h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#3b3026}.info-card p{margin:0;font-size:13px;color:#8c7d68;line-height:1.6}.info-card-with-action{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.info-card-with-action p{flex:1;min-width:200px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:#f5eee2;border:1px solid #e2d6c2;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;color:#8c7d68;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:20px;font-weight:600;color:#2e2519}.stat-value.online{color:#5e9c6e}.detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-4)}.detail-section h3{margin:0 0 var(--sp-3) 0;font-size:13px;font-weight:600;color:var(--text);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.detail-section.table-section{padding:var(--sp-3) var(--sp-4) var(--sp-2)}.logs-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:10px}.logs-section-header h3{margin:0}.logs-date-controls{display:flex;align-items:center;gap:10px}.logs-date-label{color:#8c7d68;font-size:12px}.logs-date-select{background:#f5eee2;color:#3b3026;border:1px solid #e2d6c2;border-radius:4px;padding:6px 10px;font-size:13px}.logs-search-input{background:#f5eee2;color:#3b3026;border:1px solid #e2d6c2;border-radius:4px;padding:6px 10px;font-size:13px;min-width:160px}.logs-search-input::placeholder{color:#9a8b76}.logs-loading-older{color:#8c7d68;font-size:12px}.logs-view{max-height:320px;overflow:auto;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;background:#faf6ee;color:#3b3026;padding:12px;border-radius:6px;border:1px solid #e2d6c2}.logs-view-virtual .log-entry{margin-bottom:0}.logs-view-virtual .log-entry.log-entry-virtual{padding-top:4px;padding-bottom:4px;line-height:1.4;box-sizing:border-box}.logs-view-hint{margin:6px 0 0;color:#9a8b76;font-size:11px}.logs-view-empty{margin:0;color:#9a8b76;font-size:13px}.log-entry{margin-bottom:8px;padding-left:10px;border-left:3px solid #b6a88f;line-height:1.5;box-sizing:border-box}.log-entry.log-entry-error{border-left-color:#d2553c}.log-entry.log-entry-warn{border-left-color:#d79a2c}.log-entry.log-entry-info,.log-entry.log-entry-debug{border-left-color:#9a8b76}.log-timestamp{color:#9a8b76;margin-right:8px;flex-shrink:0}.log-level{margin-right:6px;font-weight:600}.log-level.log-level-error{color:#d2553c}.log-level.log-level-warn{color:#d79a2c}.log-level.log-level-info,.log-level.log-level-debug{color:#8c7d68}.log-target{color:#9a8b76;margin-left:6px}.log-message{margin-left:6px;color:#3b3026;word-break:break-word}.detail-table{border-collapse:collapse}.detail-table.full-width{width:100%}.detail-table th{text-align:left;padding:6px 10px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.detail-table td{padding:6px 10px;font-size:13px;border-bottom:1px solid var(--border);white-space:nowrap}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table tbody tr:hover{background:var(--surface-hover)}.machine-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color .12s}.machine-link:hover{color:#e07a38;text-decoration:underline}.detail-label{color:#8c7d68;width:140px;font-weight:500}.detail-value{color:#3b3026}.mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px}.text-muted{color:#9a8b76;font-style:italic}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.gpu-card{background:#faf6ee;border:1px solid #e2d6c2;border-radius:6px;padding:14px}.gpu-vendor{font-size:10px;font-weight:600;color:#c2651f;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.gpu-model{font-size:14px;font-weight:500;color:#3b3026;margin-bottom:8px}.gpu-info{display:flex;gap:12px;font-size:12px;color:#8c7d68}.gpu-pci{color:#9a8b76}.link-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.link-status.up{background:#4ade8026;color:#5e9c6e}.link-status.down{background:#f8717126;color:#d2553c}.link-status.unknown{background:#64748b33;color:#8c7d68}.device-type{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.device-type.nvme{background:#60a5fa26;color:#c2651f}.device-type.standard{background:#94a3b826;color:#8c7d68}.settings-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:#3b3026}.input-group{display:flex;gap:8px}.input-group input{flex:1;min-width:300px}.form-help{font-size:12px;color:#9a8b76;margin:0}.form-help code{background:#faf6ee;padding:2px 6px;border-radius:4px;font-size:11px}.error-banner{background:var(--err-soft);border:1px solid rgba(248,113,113,.3);border-left:3px solid var(--err);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2);color:#e08e7a;font-size:12px;line-height:1.5}.error-banner strong{color:var(--err)}.error-banner button{margin-left:auto;background:#f871712e;border:1px solid rgba(248,113,113,.3);color:#e08e7a;padding:3px 10px;font-size:11px}.error-banner button:hover{background:#f871714d}.status-badge.info{background:#60a5fa26;color:#c2651f}.stat-value.connecting{color:#d79a2c}.stat-value.offline{color:#d2553c}.config-tabs{display:flex;gap:0;border-bottom:1px solid #e2d6c2;margin-bottom:0;padding:0 24px;background:#f5eee2}.config-tab{padding:12px 16px;font-size:13px;font-weight:500;color:#8c7d68;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.config-tab:hover{color:#3b3026}.config-tab.active{color:#c2651f;border-bottom-color:#c2651f}.config-tab-panel{padding:24px;flex:1;overflow-y:auto}.config-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 24px;background:#f5eee2;border-top:1px solid #e2d6c2}.config-actions .btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid #b6a88f;background:#e2d6c2;color:#3b3026;cursor:pointer;transition:background .15s,border-color .15s}.config-actions .btn:hover{background:#b6a88f;border-color:#9a8b76}.config-actions .btn-primary{background:#e07a38;border-color:#e07a38;color:#fff}.config-actions .btn-primary:hover{background:#c5611f;border-color:#c5611f}.config-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.config-actions .unsaved-badge{font-size:12px;color:#d79a2c}.config-form input[type=text],.config-form input[type=number],.config-form input[type=checkbox],.config-form textarea{padding:8px 12px;font-size:13px;background:#faf6ee;border:1px solid #e2d6c2;border-radius:6px;color:#3b3026}.config-form input:focus,.config-form textarea:focus{outline:none;border-color:#c2651f}.config-form textarea{min-height:80px;resize:vertical}.config-form .array-item{background:#faf6ee;border:1px solid #e2d6c2;border-radius:6px;padding:12px;margin-bottom:12px}.config-form .array-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.config-form .array-item-header .btn-sm{padding:4px 10px;font-size:12px;background:#e2d6c2;border:1px solid #b6a88f;border-radius:4px;color:#3b3026;cursor:pointer}.config-form .array-item-header .btn-sm:hover{background:#b6a88f}.mgmt-interface-box{background:#60a5fa14;border:1px solid rgba(96,165,250,.25);border-radius:6px;padding:12px 16px;margin-bottom:16px}.mgmt-interface-label{font-size:12px;font-weight:500;color:#c2651f;margin-bottom:8px}.mgmt-interface-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#3b3026}.address-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.address-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.address-badge.readonly{background:#94a3b826;color:#8c7d68}.address-list{display:flex;flex-direction:column;gap:4px}.form-select,.config-form select{padding:8px 12px;font-size:13px;background:#faf6ee;border:1px solid #e2d6c2;border-radius:6px;color:#3b3026}.config-form select:focus{outline:none;border-color:#c2651f}.form-hint{font-size:12px;color:#9a8b76;margin:0 0 12px}.list-unstyled{list-style:none;padding:0;margin:0}.link{color:#c2651f;text-decoration:none}.link:hover{color:#e07a38;text-decoration:underline}.muted{color:#9a8b76;font-size:12px}.content-body::-webkit-scrollbar{width:8px}.content-body::-webkit-scrollbar-track{background:transparent}.content-body::-webkit-scrollbar-thumb{background:#b6a88f;border-radius:4px}.content-body::-webkit-scrollbar-thumb:hover{background:#9a8b76}.content-view-commands{display:flex;flex-direction:column;min-height:0}.content-header-commands{flex-shrink:0}.commands-terminal{flex:1;display:flex;flex-direction:column;min-height:0;background:#f2ebdd;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px}.commands-viewport{flex:1;overflow-y:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:0}.commands-viewport::-webkit-scrollbar{width:8px}.commands-viewport::-webkit-scrollbar-track{background:#f2ebdd}.commands-viewport::-webkit-scrollbar-thumb{background:#e2d6c2;border-radius:4px}.terminal-block{margin-bottom:8px}.terminal-line{color:#3b3026;line-height:1.5;word-break:break-all}.terminal-line-muted{color:#9a8b76}.terminal-line-error{color:#d2553c}.terminal-line-prompt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.terminal-prompt{color:#5e9c6e;flex-shrink:0}.terminal-cmd{color:#3b3026}.terminal-status{font-size:11px;padding:2px 6px;border-radius:4px}.terminal-status-pending{color:#c2651f;background:#60a5fa26}.terminal-status-running{color:#d79a2c;background:#fbbf2426}.terminal-output{margin:0 0 4px;padding:4px 0 4px 1em;font-family:inherit;font-size:12px;line-height:1.45;color:#8c7d68;white-space:pre-wrap;word-break:break-word;border-left:2px solid #e2d6c2}.terminal-stdout{color:#4a3d30}.terminal-stderr{color:#e08e7a}.terminal-line-exit{color:#9a8b76;font-size:12px;margin-bottom:4px}.commands-input-row{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 16px 16px;background:#f2ebdd;border-top:1px solid #f5eee2}.commands-prompt{color:#5e9c6e;flex-shrink:0}.commands-input{flex:1;min-width:0;padding:6px 0;font-family:inherit;font-size:13px;background:transparent;border:none;color:#3b3026;outline:none}.commands-input::placeholder{color:#b6a88f}.commands-input:disabled{opacity:.7}.commands-timeout-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.commands-timeout-label{font-size:11px;color:#9a8b76}.commands-timeout-input{width:48px;padding:4px 6px;font-family:inherit;font-size:12px;background:#f5eee2;border:1px solid #e2d6c2;border-radius:4px;color:#3b3026;text-align:right}.terminal-line-error-inline{font-size:12px;color:#d2553c;flex-shrink:0}.header-stats{display:flex;align-items:center;gap:12px;flex:1}.header-stat{font-size:11px;color:var(--text-muted);padding:2px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);white-space:nowrap}.header-stat.stat-ok{color:var(--ok);background:var(--ok-soft);border-color:transparent}.header-stat.stat-warn{color:var(--warn);background:var(--warn-soft);border-color:transparent}.header-stat.stat-err{color:var(--err);background:var(--err-soft);border-color:transparent}.table-section{padding:14px 16px;margin-bottom:12px}.table-section h3{margin:0 0 10px;font-size:12px;font-weight:600;color:#8c7d68;text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;border-bottom:1px solid #e2d6c2}.table-empty{color:#9a8b76;font-size:12px;margin:8px 0;font-style:italic}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e2d6c2}.section-header-row h3{margin:0;padding-bottom:0;border-bottom:none}.section-actions{display:flex;align-items:center;gap:8px}.audit-filters{display:flex;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-3)}.audit-filter{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted)}.audit-filter input{min-width:200px;padding:5px 8px;font-size:12px}.audit-filter-wide input{min-width:320px}.audit-action{font-family:var(--mono);font-size:12px;color:var(--text)}.audit-paging{margin-top:var(--sp-3);display:flex;gap:var(--sp-2)}.replica-row-actions{display:flex;gap:4px}.bridge-list{display:inline-flex;flex-wrap:wrap;gap:4px}.replica-add{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.replica-add-count{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.replica-add-count input{width:56px;padding:4px 6px;font-size:12px;font-family:var(--mono)}.data-table th{padding:6px 10px;font-size:10px;letter-spacing:.06em}.data-table td{padding:7px 10px;font-size:12px}.data-table tbody tr:hover{background:var(--surface-hover)}.kv-table{border-collapse:collapse}.kv-table td{padding:6px 10px;font-size:12px;border-bottom:1px solid rgba(51,65,85,.5)}.kv-table .detail-label{width:120px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.id-with-copy{display:inline-flex;align-items:center;gap:var(--sp-2)}.id-with-copy .btn-copy{padding:2px 8px;font-size:10px}.installer-env{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.installer-env-title{margin:0 0 var(--sp-1);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8c7d68}.installer-env-help{margin:0 0 var(--sp-2);font-size:11px;color:#8c7d68}.installer-env-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 10px;margin-bottom:var(--sp-1)}.installer-env-row code{font-size:12px;word-break:break-all;color:var(--text)}.installer-env-row .btn-copy{flex-shrink:0}.text-green{color:var(--ok)}.state-indicator{display:inline-block;margin-left:6px;font-size:10px}.state-indicator.state-synced{color:#5e9c6e}.state-indicator.state-pending{color:#e07a38}.state-indicator.state-unknown{color:#9a8b76}.convergence-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:.03em}.convergence-badge.converged{color:#5e9c6e;background:#4ade801a}.convergence-badge.pending{color:#e07a38;background:#fb923c1f}.convergence-badge.removing{color:#d2553c;background:#f871711a}.unsaved-indicator{font-size:11px;font-weight:500;color:var(--warn);padding:2px 8px;background:var(--warn-soft);border-radius:var(--r-sm);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unsaved-indicator.error{color:var(--err);background:var(--err-soft)}.inline-input{padding:4px 8px;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;background:#faf6ee;border:1px solid #e2d6c2;border-radius:4px;color:#3b3026;width:100%;box-sizing:border-box}.inline-input:focus{outline:none;border-color:#c2651f}.inline-select{padding:4px 8px;font-size:12px;background:#faf6ee;border:1px solid #e2d6c2;border-radius:4px;color:#3b3026}.inline-select:focus{outline:none;border-color:#c2651f}.btn-sm-action{padding:4px 12px;font-size:11px;font-weight:500;border-radius:4px;border:1px solid #b6a88f;background:#e2d6c2;color:#3b3026;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-sm-action:hover{background:#b6a88f}.btn-sm-action:disabled{opacity:.5;cursor:not-allowed}.btn-primary.btn-sm-action{background:#e07a38;border-color:#e07a38;color:#fff}.btn-primary.btn-sm-action:hover{background:#c5611f}.btn-secondary.btn-sm-action{background:#e2d6c2;border-color:#b6a88f}.btn-danger-text{padding:2px 8px;font-size:11px;color:#d2553c;background:none;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:background .15s}.btn-danger-text:hover{background:#f871711a;border-color:#f8717133}.row-staged-add{background:#fb923c0d!important;border-left:2px solid #e07a38}.row-staged-remove{background:#f871710d!important;border-left:2px solid #d2553c;opacity:.7}.disk-claim-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.disk-claim-badge.claimed{background:#4ade8026;color:#5e9c6e}.disk-claim-badge.unclaimed{background:#94a3b826;color:#8c7d68}.disk-claim-badge.foreign{background:#fb923c26;color:#e07a38}.disk-claim-badge.error{background:#f8717126;color:#d2553c}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 6px;border-radius:var(--r-sm);font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:lowercase;white-space:nowrap;border:1px solid transparent}.status-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--idle);flex-shrink:0}.status-pill-dot.connected{background:var(--ok);box-shadow:0 0 0 2px var(--ok-soft)}.status-pill.tone-ok{color:var(--ok);background:var(--ok-soft);border-color:#34d39940}.status-pill.tone-warn{color:var(--warn);background:var(--warn-soft);border-color:#fbbf2440}.status-pill.tone-err{color:var(--err);background:var(--err-soft);border-color:#f8717140}.status-pill.tone-idle{color:var(--text-faint);background:var(--idle-soft);border-color:var(--border)}.bookshelf-subhead{margin:var(--sp-3) 0 var(--sp-2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.bookshelf-errors{margin:var(--sp-2) 0 0;padding-left:var(--sp-4);color:var(--err);font-size:12px;line-height:1.5}.issues-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3);margin-bottom:var(--sp-3)}.issues-panel--all-acked{padding:var(--sp-2) var(--sp-3)}.issues-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.issues-panel-header h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.issues-panel-toggle{background:none;border:0;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 6px}.issues-panel-toggle:hover{color:var(--text)}.issues-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-1)}.issue-row{display:flex;flex-direction:column;gap:4px;padding:var(--sp-2);border-left:3px solid var(--border);background:var(--bg);border-radius:var(--r-sm)}.issue-row--error{border-left-color:var(--err)}.issue-row--warn{border-left-color:var(--warn)}.issue-row--info{border-left-color:var(--text-muted)}.issue-row--acked{opacity:.55}.issue-row-main{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;font-size:13px}.issue-severity{display:inline-block;padding:1px 6px;border-radius:var(--r-sm);font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2, var(--surface))}.issue-severity--error{background:color-mix(in srgb,var(--err) 20%,transparent);color:var(--err)}.issue-severity--warn{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.issue-severity--info{background:color-mix(in srgb,var(--text-muted) 20%,transparent);color:var(--text-muted)}.issue-code{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.issue-component{font-weight:600;color:var(--text)}.issue-message{flex:1;color:var(--text)}.issue-row-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:11px;color:var(--text-muted)}.issue-meta-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 5px;font-family:var(--font-mono)}.issue-meta-time{font-variant-numeric:tabular-nums}.issue-row-meta button{background:none;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);padding:2px 8px;cursor:pointer;font-size:11px}.issue-row-meta button:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.issue-row-meta button:disabled{opacity:.5;cursor:not-allowed}.issue-detail{margin-top:4px;font-size:11px}.issue-detail summary{cursor:pointer;color:var(--text-muted)}.issue-detail pre{margin:4px 0 0;padding:var(--sp-2);background:var(--surface);border-radius:var(--r-sm);font-size:11px;overflow-x:auto;max-height:240px;overflow-y:auto}.lm-backdrop{position:fixed;inset:0;background:#3c2d1961;display:flex;align-items:flex-start;justify-content:center;padding:8vh 1rem 2rem;overflow-y:auto;z-index:100}.lm-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:0 20px 50px #3c280f40;padding:var(--sp-4);width:480px;max-width:92vw;display:flex;flex-direction:column;gap:var(--sp-3)}.lm-head{display:flex;align-items:center;justify-content:space-between}.lm-head h3{margin:0;font-size:16px}.lm-close{background:transparent;border:none;font-size:22px;line-height:1;color:var(--text-muted);padding:2px 8px;cursor:pointer}.lm-close:hover{color:var(--text);background:transparent}.lm-body{display:flex;flex-direction:column;gap:var(--sp-3)}.lm-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}@media(max-width:768px){.lm-backdrop{padding:5vh var(--sp-3) var(--sp-3);align-items:flex-start}.lm-modal{width:100%!important;max-width:100%;border-radius:var(--r-lg)}.lm-actions{flex-direction:column-reverse}.lm-actions button{width:100%;padding:.7em 1em}}.storage-panel-section-label{margin-top:var(--sp-3)}.storage-panel-section-label strong{font-size:12px}.storage-panel-empty-row{font-size:12px;margin:.25rem 0}.storage-panel-form{margin-top:var(--sp-2);display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.storage-panel-form-name{width:10rem}.storage-panel-form-class{width:8rem}.storage-panel-form-disks-select{min-width:14rem;height:5rem}.storage-panel-form-lv-vg{min-width:10rem}.storage-panel-form-lv-name{width:10rem}.storage-panel-form-lv-size{width:6rem}.net-intro{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.net-intro-lead{margin:0 0 var(--sp-3);font-size:12px;color:var(--text-muted);line-height:1.55;max-width:70ch}.net-intro-lead strong{color:var(--text)}.net-nic-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.net-nic{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:12px}.net-nic.mgmt{border-color:var(--accent);background:var(--accent-soft)}.net-nic-dot{width:7px;height:7px;border-radius:50%;background:var(--idle)}.net-nic-dot.up{background:var(--ok);box-shadow:0 0 0 2px var(--ok-soft)}.net-nic-dot.down{background:var(--err)}.net-nic-dot.unknown{background:var(--idle)}.net-nic-name{color:var(--text);font-weight:600}.net-nic-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--bg);border-radius:3px;padding:1px 5px}.net-nic-ip{font-size:11px;color:var(--text-muted)}.net-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-2)}.net-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer}.net-tab:hover{color:var(--text);background:none}.net-tab.active{color:var(--text);border-bottom-color:var(--accent)}.net-tab-count{font-size:10px;font-family:var(--mono);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:0 6px;line-height:16px}.net-tab.active .net-tab-count{color:var(--accent);border-color:transparent;background:var(--accent-soft)}.net-tab-help{margin:0 0 var(--sp-3);font-size:12px;color:var(--text-muted);line-height:1.5;max-width:80ch}.wkd-section{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-3);background:var(--surface-2)}.wkd-section-title{margin:0 0 var(--sp-2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.wkd-props{width:100%;border-collapse:collapse}.wkd-props th{text-align:left;font-size:12px;font-weight:500;color:var(--text-muted);padding:4px 10px 4px 0;width:160px;vertical-align:middle;white-space:nowrap}.wkd-props td{padding:3px 0;vertical-align:middle}.wkd-props thead th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;width:auto;padding:2px 6px 2px 0}.wkd-input{width:100%;max-width:360px;padding:5px 8px;font-size:12px}.wkd-input[type=number]{max-width:140px}.spec-summary{display:flex;flex-direction:column}.spec-row{display:flex;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);align-items:flex-start}.spec-row:last-child{border-bottom:none}.spec-row-label{flex:0 0 110px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-top:3px}.spec-row-value{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.spec-image{font-family:var(--mono);font-size:12px;color:var(--text);background:var(--surface-2);padding:2px 8px;border-radius:var(--r-sm);border:1px solid var(--border)}.spec-cmd{font-family:var(--mono);font-size:12px;color:var(--text-muted);word-break:break-all}.spec-chip{font-size:11px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 7px;white-space:nowrap}.spec-chip.mono{font-family:var(--mono)}.spec-chip-accent{color:var(--accent);background:var(--accent-soft);border-color:transparent}.spec-chip-warn{color:var(--warn);background:var(--warn-soft);border-color:transparent}.spec-stack{display:flex;flex-direction:column;gap:3px}.spec-volume,.spec-env{font-size:11px;color:var(--text-muted);word-break:break-all}.spec-env-key{color:var(--text)}.log-viewer{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.log-viewer-toolbar{display:flex;align-items:center;gap:var(--sp-3);padding:6px 10px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:12px}.log-viewer-meta{flex:1;font-size:11px}.log-viewer-actions{display:flex;align-items:center;gap:6px}.log-viewer-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.log-viewer-viewport{overflow-y:auto;background:#ede4d4}.log-viewer-pre{margin:0;padding:8px 10px;font-family:var(--mono);font-size:12px;line-height:1.45;color:#4a3d30;white-space:pre-wrap;word-break:break-word}.log-viewer-line{display:inline}.log-viewer-empty{padding:var(--sp-4);text-align:center;font-size:12px}.form-group select{width:100%;padding:8px 10px;font-size:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);transition:border-color .12s;cursor:pointer}.form-group select:focus{outline:none;border-color:var(--accent)}.form-group select:disabled{opacity:.6;cursor:not-allowed}.lb-next-step{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-md)}.lb-next-step p{margin:0;font-size:12px;color:var(--text);line-height:1.5}.vtabs-layout{display:flex;align-items:stretch;min-height:100%}.vtabs{flex:0 0 200px;width:200px;border-right:1px solid var(--border);padding:var(--sp-3, 1rem) var(--sp-2, .5rem);display:flex;flex-direction:column;gap:2px}.vtabs-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #8a93a6);padding:0 .5rem .5rem}.vtab{display:block;padding:.4rem .6rem;border-radius:6px;color:var(--text-muted);text-decoration:none;font-size:14px}.vtab:hover{background:var(--surface-hover);color:var(--text)}.vtab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.vtabs-content{flex:1 1 auto;min-width:0}.form-row{display:flex;align-items:center;gap:.75rem}.form-row .form-label{flex:0 0 9rem;font-size:13px;color:var(--text-muted, #8a93a6)}.form-row .form-input{flex:1 1 auto;min-width:0}.conn-blurb{margin:0 0 var(--sp-4);max-width:70ch;color:var(--text-muted);font-size:13px;line-height:1.5}.conn-local-text{color:var(--accent);font-weight:600}.conn-pod{margin-bottom:var(--sp-5)}.conn-pod-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.conn-pod-id{font-size:13px;font-weight:600;color:var(--text)}.conn-local-badge{padding:1px var(--sp-2);border-radius:var(--r-sm);background:var(--accent);color:var(--bg);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.conn-pod-addr{font-size:12px;font-family:var(--font-mono, var(--mono))}.conn-pod-count{margin-left:auto}.conn-table{margin-top:var(--sp-2)}.search-select{position:relative;flex:1 1 auto;min-width:0}.search-select>.form-input{width:100%}.search-select-menu{position:absolute;z-index:30;top:calc(100% + 2px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 6px 20px #503c1e1f;padding:4px}.search-select-empty{padding:8px 10px;color:var(--text-muted);font-size:13px}.search-select-opt{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--r-sm);padding:6px 10px;font-size:13px;color:var(--text);cursor:pointer}.search-select-opt:hover{background:var(--surface-hover)}.search-select-opt.active{background:var(--accent-soft);color:var(--accent)}.search-select-hint{color:var(--text-faint);font-size:12px;white-space:nowrap}.app-layout{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}