:root{--background:#f5f3ef;--foreground:#1b221f;--card:#fdfdfc;--muted:#ece9e4;--muted-foreground:#5b6761;--border:#d8d2cb;--input:#bab4ab;--primary:#284839;--primary-foreground:#fcfbf8;--table-header:#f0eeea;--green:#35825e;--yellow:#b8801e;--red:#b63d2b;--radius:.8rem;--shadow:0 18px 40px #1c242014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--background:#131615;--foreground:#f6f5f3;--card:#1a1e1d;--muted:#262b2a;--muted-foreground:#a7b4ad;--border:#2b312f;--input:#3a413e;--primary:#83b9a0;--primary-foreground:#121715;--table-header:#1f2322;--green:#4ca97e;--yellow:#dd9c2c;--red:#d26656;--shadow:0 18px 40px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.app{max-width:1500px;margin:0 auto;padding:16px 16px 28px}.navbar{background:var(--card);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:8px;align-items:center;gap:12px;height:64px;margin:8px 0 16px;padding:0 18px 0 16px;display:flex}.logo{letter-spacing:-.03em;padding:8px 10px 8px 0;font-size:18px;font-weight:700;text-decoration:none}.search{border:1px solid var(--border);height:36px;color:var(--muted-foreground);background:0 0;border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:0 12px;display:none}.search input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0}.search input::placeholder{color:var(--muted-foreground)}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-user{color:var(--muted-foreground);font-size:13px}.icon-btn,.add-btn,.back,.open-json,.danger-btn,.text-btn{background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.icon-btn{width:36px;height:36px;color:var(--muted-foreground);justify-content:center}.icon-btn:hover{background:var(--muted);color:var(--foreground)}.add-btn{border-color:var(--border);height:36px;padding:0 12px;font-size:14px;font-weight:500}.add-btn:hover{background:var(--muted)}.icon-btn:active,.add-btn:active,.back:active,.open-json:active,.danger-btn:active,.row-action:active,.systems tbody tr:active,.text-btn:active,.tile:active,.view-toggle button:active,.login-submit:active{transform:scale(.96)}.icon-btn,.add-btn,.back,.open-json,.danger-btn,.row-action,.text-btn,.systems tbody tr,.tile,.view-toggle button{transition:transform .14s cubic-bezier(.16,1,.3,1),background-color .14s ease-out,color .14s ease-out,border-color .14s ease-out}.panel{background:var(--card);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:var(--radius);overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:16px;padding:22px 22px 12px;display:flex}.panel-head h1,.instance-title h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.panel-head p{color:var(--muted-foreground);margin:6px 0 0;font-size:14px}.table-wrap{overflow-x:auto}.systems{border-collapse:collapse;width:100%;min-width:760px}.view-toggle{border:1px solid var(--border);border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.view-toggle button{width:36px;height:36px;color:var(--muted-foreground);background:0 0;border:0;place-items:center;display:grid}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button:hover,.view-toggle button.active{background:var(--muted);color:var(--foreground)}.view-toggle button:active{transform:scale(.96)}.systems th{background:var(--table-header);text-align:left;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:500}.systems th button{white-space:nowrap}.systems th button,.systems th span{color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.systems td{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);font-variant-numeric:tabular-nums;vertical-align:middle;white-space:nowrap;padding:20px 16px;font-size:14px}.systems tbody tr{cursor:pointer}.systems tbody tr:hover{background:color-mix(in srgb, var(--muted) 70%, transparent)}.sys-cell{align-items:center;gap:8px;min-width:220px;display:flex}.sys-name{font-weight:500}.sys-loc{color:var(--muted-foreground);margin-left:4px;font-size:12px}.row-menu{flex:0 0 32px;margin-left:auto;position:relative}.row-action{width:32px;height:32px;color:var(--muted-foreground);opacity:0;pointer-events:none;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.row-action:hover,.row-menu.open .row-action{background:var(--muted);color:var(--foreground)}.tile .row-menu{z-index:2;margin:0;position:absolute;top:10px;right:10px}.systems tbody tr:hover .row-action,.systems tbody tr:focus-within .row-action,.tile:hover .row-action,.tile:focus-within .row-action,.row-menu.open .row-action,.row-action:focus-visible,.instance-actions .row-action{opacity:1;pointer-events:auto}@media (hover:none){.row-action{opacity:1;pointer-events:auto}}.row-menu-pop{z-index:8;background:var(--card);border:1px solid var(--border);min-width:148px;box-shadow:var(--shadow);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.row-menu-item{width:100%;color:var(--red);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.row-menu-item:hover{background:color-mix(in srgb, var(--red) 10%, transparent)}.muted{color:var(--muted-foreground)}.empty{color:var(--muted-foreground);padding:28px 22px}.dot{background:var(--green);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.dot.warning{background:var(--yellow)}.dot.offline{background:var(--red)}.meter{align-items:center;gap:8px;min-width:140px;display:flex}.meter-label{font-variant-numeric:tabular-nums;min-width:52px}.meter-track{background:var(--muted);border-radius:3px;flex:1;height:10px;overflow:hidden}.tiles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:4px 22px 22px;display:grid}.tile{border:1px solid var(--border);width:100%;color:inherit;background:0 0;border-radius:12px;position:relative}.tile-open{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:stretch;padding:16px 44px 16px 16px;display:flex}.tile:hover,.tile-open:hover{background:color-mix(in srgb, var(--muted) 70%, transparent)}.tile-head{align-items:center;gap:8px;min-width:0;display:flex}.tile-name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.tile-head .ver{margin-left:auto}.tile-loc{color:var(--muted-foreground);margin:6px 0 14px 16px;font-size:13px;display:block}.tile-metric{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:13px;display:flex}.tile-metric .meter{flex:1;justify-content:flex-end;min-width:0}.tile-foot{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:12px;font-size:12px}.meter-fill{height:100%;display:block}.tone-good{background:var(--green)}.tone-warn{background:var(--yellow)}.tone-crit{background:var(--red)}.ver.up{color:var(--green)}.ver.down{color:var(--muted-foreground)}.instance{flex-direction:column;gap:16px;display:flex}.instance-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.instance-head>div:first-child{min-width:0}.back{height:32px;color:var(--muted-foreground);padding:0 4px;font-size:14px}.back:hover{color:var(--foreground)}.info-bar{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:13px;display:flex}.info-bar span{align-items:center;gap:6px;display:inline-flex}.range{border:1px solid var(--border);height:36px;color:var(--muted-foreground);background:var(--card);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.range select{background:0 0;border:0;outline:0}.banner{border:1px solid color-mix(in srgb, var(--red) 35%, var(--border));color:var(--red);background:color-mix(in srgb, var(--red) 8%, var(--card));border-radius:8px;margin:0;padding:10px 14px}.charts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chart-card{background:var(--card);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:var(--radius);min-height:280px;padding:16px 16px 8px}.chart-card header h2{margin:0;font-size:16px;font-weight:600}.chart-card header p{color:var(--muted-foreground);margin:4px 0 10px;font-size:13px}.chart-svg{height:210px;position:relative}.chart-svg svg{width:100%;height:100%;display:block}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-axis{fill:var(--muted-foreground);font-family:Inter,sans-serif;font-size:10px}.chart-hover-line{stroke:var(--muted-foreground);stroke-dasharray:3 3}.chart-empty{height:100%;color:var(--muted-foreground);place-items:center;font-size:13px;display:grid}.chart-tip{background:var(--card);border:1px solid var(--border);font-variant-numeric:tabular-nums;box-shadow:var(--shadow);pointer-events:none;border-radius:8px;padding:8px 10px;font-size:12px;position:absolute;top:12px}.chart-tip strong{margin-top:2px;display:block}.containers-card{min-height:0}.container-table{flex-direction:column;display:flex}.container-table>div{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);font-variant-numeric:tabular-nums;grid-template-columns:12px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:10px;padding:9px 4px;font-size:13px;display:grid}.container-table strong{font-weight:500}.container-table span{color:var(--muted-foreground)}.instance-actions{flex-wrap:wrap;gap:8px;margin:14px 0 8px;display:flex}.open-json,.danger-btn{border:1px solid var(--border);background:0 0;border-radius:8px;width:fit-content;height:36px;padding:0 12px;font-size:14px}.open-json:hover{background:var(--muted)}.danger-btn{color:var(--red)}.danger-btn:hover{background:color-mix(in srgb, var(--red) 10%, transparent)}.foot{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:12px;line-height:1.5;display:flex}.legal{white-space:nowrap;margin:0}.legal a{color:inherit}.legal a:hover{color:var(--foreground)}.foot-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;display:flex}.text-btn{color:var(--muted-foreground);border:0;padding:0}.text-btn:hover{color:var(--foreground)}.login-app{background:radial-gradient(900px 480px at 50% 42%, color-mix(in srgb, var(--green) 14%, transparent), transparent 70%), var(--background);flex-direction:column;width:100%;min-height:100dvh;padding:20px 24px 16px;display:flex;position:relative}.login-theme{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--foreground);box-shadow:var(--shadow);border-radius:10px;place-items:center;display:grid;position:absolute;top:20px;right:24px}.login-theme:hover{border-color:var(--green);color:var(--green)}.login-stage{flex:1;place-items:center;width:100%;display:grid}.login-card{background:var(--card);border:1px solid var(--border);width:min(100%,420px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:12px;padding:28px 28px 24px;display:flex}.login-brand{letter-spacing:-.03em;align-items:center;gap:10px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.login-mark{background:var(--green);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 18%, transparent);border-radius:50%}.login-card h1{letter-spacing:-.03em;color:var(--foreground);margin:0;font-size:24px}.login-card p{color:var(--muted-foreground);margin:0 0 8px;font-size:14px}.login-card label{color:var(--muted-foreground);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-card input{border:1px solid var(--border);background:var(--muted);height:42px;color:var(--foreground);border-radius:8px;padding:0 12px}.login-card input:focus{outline:2px solid color-mix(in srgb, var(--green) 45%, transparent);outline-offset:1px;border-color:var(--green);background:var(--card)}.login-error{color:var(--red);font-size:13px}.login-submit{background:var(--primary);width:100%;height:42px;color:var(--primary-foreground);border:0;border-radius:8px;justify-content:center;align-items:center;margin-top:8px;font-size:14px;font-weight:600;display:inline-flex}.login-submit:hover{filter:brightness(1.06)}.login-submit:disabled{opacity:.7}.login-app .foot{text-align:center;justify-content:center;margin-top:0}.login-app .legal{white-space:nowrap}@media (width>=720px){.search{display:flex}}@media (width<=960px){.charts{grid-template-columns:1fr}.meter{min-width:110px}}@media (width<=620px){.app{padding:10px 10px 24px}.navbar{height:56px;padding:0 10px}.add-btn{padding:0 10px;font-size:13px}.panel-head{padding:16px 14px 4px}.systems td{padding:16px 12px}.systems th{padding:12px}.tiles{grid-template-columns:1fr;padding:4px 14px 16px}.sys-loc{display:none}.instance-head{padding:0 2px}.app .foot{flex-direction:column;align-items:flex-start}.login-app .foot{align-items:center}.foot-meta{justify-content:flex-start}.app .legal{white-space:normal}.login-app .legal{white-space:nowrap;font-size:11px}.container-table>div{grid-template-columns:12px minmax(0,1fr) auto}.container-table>div span:nth-child(3){display:none}.chart-svg{height:180px}.systems{min-width:0}.systems th:nth-child(n+3),.systems td:nth-child(n+3){display:none}.sys-cell{min-width:0}}@media (prefers-reduced-motion:reduce){.icon-btn,.add-btn,.back,.open-json,.danger-btn,.row-action,.text-btn,.systems tbody tr,.tile,.view-toggle button{transition:none;transform:none}}:focus-visible{outline:2px solid var(--input);outline-offset:2px}