@layer theme{:root,:host{--font-sans:"Geist", system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:"Geist", system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}}:root{--bg:#f8fafc;--card:#fff;--line:#e2e8f0;--line2:#eef2f6;--ink:#0f172a;--sub:#334155;--sub2:#475569;--accent:#4f46e5;--accent-soft:#eef2ff;--on:#15803d;--on-soft:#dcfce7;--off:#94a3b8;--off-soft:#f1f5f9;--warn:#b45309;--warn-soft:#fef3c7}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.num{font-variant-numeric:tabular-nums}.topbar{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;gap:16px;padding:10px 22px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.brand .dot{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:6px;width:22px;height:22px}.brand small{color:var(--sub);margin-left:2px;font-size:13px;font-weight:500}.topbar .spacer{flex:1}.userchip{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;text-decoration:none;display:flex}.main{width:100%;max-width:3600px;margin:0 auto;padding:18px 28px 64px}.crumbs{color:var(--sub);margin-bottom:14px;font-size:13px}.crumbs b{color:var(--ink)}.sec-h{align-items:baseline;gap:10px;margin:22px 2px 11px;display:flex}.sec-h h2{color:var(--ink);margin:0;font-size:15px}.sec-h .hint{color:var(--sub2);font-size:13px}.sec-h .count{color:var(--sub2);background:var(--off-soft);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.memwrap{grid-template-columns:.8fr 1.25fr .95fr;gap:12px;display:grid}@media (max-width:1400px){.memwrap{grid-template-columns:.9fr 1.3fr}.memwrap .storage{grid-column:1/-1}}@media (max-width:820px){.memwrap{grid-template-columns:1fr}.memwrap .storage{grid-column:auto}}.mempanel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.mempanel .ph{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.mempanel .ph .t{color:var(--sub);font-size:13px;font-weight:700}.mempanel .ph .at{color:var(--sub2);font-size:11.5px}.gauge{margin:10px 0}.gauge .lab{color:var(--sub);justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.gauge .lab b{color:var(--ink);font-variant-numeric:tabular-nums}.gauge .track{background:var(--off-soft);border-radius:999px;height:12px;overflow:hidden}.gauge .fill{border-radius:999px;height:100%;transition:width .4s}.gauge .fill.ok{background:linear-gradient(90deg,#6366f1,#4f46e5)}.gauge .fill.warn{background:linear-gradient(90deg,#f59e0b,#b45309)}.statline{flex-wrap:wrap;gap:18px;margin-top:4px;display:flex}.statline .s{color:var(--sub2);font-size:12.5px}.statline .s b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:19px;font-weight:800;line-height:1.2;display:block}.mempanel.chart{flex-direction:column;display:flex}.chart-tabs{gap:4px;display:flex}.ctab{border:1px solid var(--line);color:var(--sub2);font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:2px 9px;font-size:11.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.ctab:hover{background:#f8fafc;border-color:#cbd5e1}.ctab.on{background:var(--accent);border-color:var(--accent);color:#fff}.chart-legend{color:var(--sub2);flex-wrap:wrap;gap:14px;margin:2px 0 6px;font-size:12px;display:flex}.chart-legend .lg{align-items:center;gap:5px;display:inline-flex}.chart-legend .lg i{border-radius:3px;width:10px;height:10px;display:inline-block}.chart-legend .lg b{color:var(--ink);font-weight:700}.chart-legend .lg b .gb{color:var(--sub2);font-weight:600}.chart-svg{width:100%;height:auto;display:block}.chart-svg .grid{stroke:var(--line2);stroke-width:1px}.chart-svg .ylab{fill:#94a3b8;text-anchor:end;font-size:9px}.chart-svg .xlab{fill:#94a3b8;font-size:9px}.chart-svg .hguide{stroke:#cbd5e1;stroke-width:1px;stroke-dasharray:3 3}.chart-empty{color:var(--sub2);text-align:center;flex:1;justify-content:center;align-items:center;min-height:160px;padding:0 12px;font-size:12.5px;display:flex}.chart-tip{color:var(--sub2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:11.5px;display:flex}.chart-tip .tt{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.chart-tip .tv{align-items:center;gap:4px;display:inline-flex}.chart-tip .tv i{border-radius:2px;width:8px;height:8px;display:inline-block}.mempanel.svcmem{margin-top:12px}.svcmem-head{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.svcmem-head .caret{color:var(--sub2);font-size:12px;transition:transform .15s}.svcmem-head .caret.open{transform:rotate(90deg)}.svcmem-head .t{color:var(--sub);font-size:13px;font-weight:700}.svcmem-head .hint{color:var(--sub2);font-size:12px}.svcmem-body{margin-top:12px}.svcmem-body .ph{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.chart-legend.wrap{flex-wrap:wrap;gap:6px 12px}.lg.btn-lg{font:inherit;cursor:pointer;color:var(--sub2);background:0 0;border:0;padding:0}.lg.btn-lg.off{opacity:.4;text-decoration:line-through}.chart-tip.wrap{flex-wrap:wrap}.svcmem-note{color:var(--sub2);margin-top:6px;font-size:11px}.culprits{color:var(--sub);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:5px;font-size:11.5px;display:flex}.cul{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.cul .rank{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700}.cul .cname{color:var(--ink);font-weight:600}.cul .cdetail{color:var(--sub2);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:10.5px;overflow:hidden}.cul .cval{color:var(--ink);font-variant-numeric:tabular-nums}.culprits .cnote{color:var(--sub2);font-size:10.5px}.ocitime{color:var(--sub2);margin-left:6px;font-size:10.5px}.num.sub2{color:var(--sub2);font-weight:600}.storage .st-summary{flex-direction:column;gap:4px;margin:2px 0 7px;display:flex}.st-sum-row{align-items:baseline;gap:8px;font-size:12.5px;display:flex}.st-sum-row .k{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-sum-row .v{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.st-sum-row .v .pc{color:var(--sub2);font-weight:600}.st-baseline{color:var(--sub2);margin-bottom:9px;font-size:11px}.st-scope{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 8px;display:flex}.st-scope .st-baseline{white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;overflow:hidden}.st-dim{color:var(--sub2);font-weight:400}.st-list{flex-direction:column;gap:7px;max-height:330px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.st-head{align-items:baseline;gap:8px;margin-bottom:3px;font-size:12px;display:flex}.st-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-size{color:var(--sub);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}.st-delta{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.st-delta.up{color:#dc2626}.st-delta.down{color:#0d9488}.st-delta.flat{color:var(--sub2);font-weight:600}.st-track{background:var(--off-soft);border-radius:999px;height:6px;overflow:hidden}.st-fill{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,290px));gap:12px;display:grid}@media (max-width:560px){.grid{grid-template-columns:1fr}}.svc{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:14px 15px 13px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative}.svc:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0d}.svc.is-self{background:linear-gradient(#fbfbff,#fff);border-color:#c7d2fe}.svc.is-on{background:#f0fdf4;border-color:#bbf7d0}.svc.is-on:hover{border-color:#86efac}.svc .hd{align-items:flex-start;gap:9px;display:flex}.svc .led{background:var(--off);border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px}.svc .led.on{background:var(--on);box-shadow:0 0 0 3px var(--on-soft)}.svc .led.off{background:var(--off);box-shadow:0 0 0 3px var(--off-soft)}.svc .ttl{flex:1;min-width:0}.svc .nm{color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.3}.svc .ds{color:var(--sub2);margin-top:2px;font-size:12.5px}.svc .meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tag{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.tag.port{background:var(--off-soft);color:var(--sub);font-variant-numeric:tabular-nums}.tag.stack{background:var(--accent-soft);color:var(--accent)}.tag.kind-res{color:#047857;background:#ecfdf5}.tag.kind-od{color:#1d4ed8;background:#eff6ff}.tag.state-on{background:var(--on-soft);color:var(--on)}.tag.state-off{background:var(--off-soft);color:var(--sub2)}.tag.mem{color:var(--sub2);border:1px solid var(--line);background:0 0}.svc .actions{border-top:1px solid var(--line2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;padding-top:11px;display:flex}.btn{border:1px solid var(--line);color:var(--sub);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:6px 13px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#4338ca;border-color:#4338ca}.btn.open{color:var(--accent);border-color:#c7d2fe}.btn.open:hover:not(:disabled){background:var(--accent-soft)}.btn.stop{color:#be123c;border-color:#fecdd3}.btn.stop:hover:not(:disabled){color:#9f1239;background:#fff1f2;border-color:#fda4af}.svc .actions .switch{margin-left:auto}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--sub2);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.switch input{display:none}.switch .pill{background:#cbd5e1;border-radius:999px;width:38px;height:21px;transition:background .2s;position:relative}.switch .knob{background:#fff;border-radius:50%;width:17px;height:17px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+.pill{background:var(--accent)}.switch input:checked+.pill .knob{left:19px}.svc .busy{color:var(--accent);font-size:12px;font-weight:600}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;max-width:360px;padding:30px 28px;box-shadow:0 10px 30px #0f172a0f}.login-card .brand{margin-bottom:4px}.login-card .sub{color:var(--sub2);margin:6px 0 18px;font-size:13px}.login-card label{color:var(--sub);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.login-card input[type=password]{border:1px solid var(--line);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.login-card input[type=password]:focus{border-color:var(--accent)}.login-card button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:14px;padding:10px;font-size:14px;font-weight:700}.login-card button:hover{background:#4338ca}.login-err{color:#be123c;background:#ffe4e6;border-radius:8px;margin-bottom:14px;padding:8px 10px;font-size:13px}
