*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-ok: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-primary: #3b82f6}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}.icon{width:1em;height:1em;flex-shrink:0}.icon--inline{width:1em;height:1em;vertical-align:-.125em;display:inline-block}.icon--title{width:1.25em;height:1.25em;vertical-align:-.2em}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon--spin{animation:icon-spin 1s linear infinite}.app{max-width:1200px;margin:0 auto;padding:3.5rem 1rem 1.5rem}.header{text-align:center;margin-bottom:1.25rem}.header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.header__version{font-size:.75rem;font-weight:500;color:var(--color-text-muted);background:#ffffff14;border:1px solid var(--color-border);padding:.1rem .5rem;border-radius:6px;font-family:monospace}.summary-badges{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.summary-badge{padding:.4rem 1rem;border-radius:999px;font-size:.95rem;font-weight:600}.summary-badge--ok{background:#22c55e26;color:var(--color-ok)}.summary-badge--warning{background:#f59e0b26;color:var(--color-warning)}.summary-badge--error{background:#ef444426;color:var(--color-error)}.summary-badge--total,.summary-badge--checking{background:#3b82f626;color:var(--color-primary)}.status-bar{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.6rem;color:var(--color-text-muted);font-size:.78rem}.status-bar__item{display:inline-flex;align-items:center}.status-bar__label{color:var(--color-text-muted);opacity:.7;margin-right:.25rem}.status-bar__sep{color:var(--color-border);font-size:.9rem;-webkit-user-select:none;user-select:none}.status-bar__ip{font-family:monospace;font-size:.75rem;letter-spacing:.02em}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.toolbar__left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.toolbar__right{display:flex;align-items:center;gap:.5rem}.toolbar .last-check{color:var(--color-text-muted);font-size:.8rem}.client-ip{color:var(--color-text-muted);font-size:.75rem;background:var(--color-surface);padding:2px 8px;border-radius:4px;font-family:monospace}.filter-tabs{display:flex;gap:0}.filter-tab{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);padding:.3rem .75rem;font-size:.75rem;cursor:pointer;transition:all .15s}.filter-tab:first-child{border-radius:.4rem 0 0 .4rem}.filter-tab:last-child{border-radius:0 .4rem .4rem 0}.filter-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn{background-color:var(--color-primary);color:#fff;border:none;padding:.4rem 1rem;border-radius:.5rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.groups{display:flex;flex-direction:column;gap:.75rem}.group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.group__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:.9rem;text-align:left}.group__header:hover{background:#ffffff08}.group__left{display:flex;align-items:center;gap:.5rem}.group__chevron{width:.75rem;height:.75rem;transition:transform .15s;color:var(--color-text-muted)}.group__chevron--open{transform:rotate(90deg)}.group__name{font-weight:600}.group__count{color:var(--color-text-muted);font-size:.8rem}.group__pills{display:flex;gap:.35rem}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700}.pill--ok{background:#22c55e26;color:var(--color-ok)}.pill--warning{background:#f59e0b26;color:var(--color-warning)}.pill--error{background:#ef444426;color:var(--color-error)}.pill--checking{background:#3b82f626;color:var(--color-primary)}.group__body{border-top:1px solid var(--color-border)}.srow{border-bottom:1px solid var(--color-border)}.srow:last-child{border-bottom:none}.srow--error{background:#ef44440a}.srow--warning{background:#f59e0b0a}.srow--checking{background:#3b82f60a}.srow__summary{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem 1rem;background:transparent;border:none;color:var(--color-text);cursor:pointer;text-align:left;font-size:.82rem}.srow__summary:hover{background:#ffffff08}.srow__summary:focus-visible{outline:2px solid var(--color-accent, #4f8ef7);outline-offset:-2px}.srow__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.srow__dot--ok{background:var(--color-ok)}.srow__dot--warning{background:var(--color-warning)}.srow__dot--error{background:var(--color-error)}.srow__dot--checking{background:var(--color-primary);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.srow__name{font-weight:500;white-space:nowrap;min-width:120px}.srow__host{color:var(--color-text-muted);font-size:.75rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srow__ms{color:var(--color-text-muted);font-size:.72rem;min-width:48px;text-align:right}.srow__alert{color:var(--color-error);font-size:.72rem;font-weight:600;white-space:nowrap}.srow__badge{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:.1rem .5rem;border-radius:999px;white-space:nowrap}.srow__badge--ok{background:#22c55e26;color:var(--color-ok)}.srow__badge--warning{background:#f59e0b26;color:var(--color-warning)}.srow__badge--error{background:#ef444426;color:var(--color-error)}.srow__badge--checking{background:#3b82f626;color:var(--color-primary)}.srow__retry{background:none;border:1px solid var(--color-border);border-radius:.3rem;padding:.15rem .4rem;cursor:pointer;font-size:.75rem;line-height:1;transition:background .15s;flex-shrink:0;color:var(--color-text);display:inline-flex;align-items:center}.srow__retry:hover{background:#ffffff14}.srow__retry:disabled{opacity:.5;cursor:not-allowed}.srow__retry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.srow__chevron{width:.75rem;height:.75rem;transition:transform .15s;color:var(--color-text-muted);margin-left:auto;flex-shrink:0}.srow__chevron--open{transform:rotate(90deg)}.srow__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;padding:.5rem 1rem .75rem 2rem;background:var(--color-bg);border-top:1px solid var(--color-border)}.detail-item{padding:.5rem .75rem;background:var(--color-surface);border-radius:.4rem}.detail-item--full{grid-column:1 / -1}.detail-item__label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.detail-item__value{font-size:.85rem;font-weight:500}.clr-ok{color:var(--color-ok)}.clr-warning{color:var(--color-warning)}.clr-error{color:var(--color-error)}.denied-ports{display:flex;gap:.5rem;flex-wrap:wrap}.denied-port{font-size:.8rem;padding:.15rem .5rem;border-radius:.3rem;font-weight:600}.denied-port--closed{background:#22c55e1f;color:var(--color-ok)}.denied-port--open{background:#ef444426;color:var(--color-error)}.loading{text-align:center;padding:4rem 0;color:var(--color-text-muted)}.error-message{text-align:center;padding:1rem;color:var(--color-error);margin-bottom:1rem}.progress-bar-container{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.4rem 1rem}.progress-bar-track{height:6px;background:var(--color-bg);border-radius:3px;overflow:hidden;margin-bottom:.4rem}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .2s ease}.progress-info{display:flex;align-items:center;gap:.75rem;font-size:.75rem}.progress-count{color:var(--color-primary);font-weight:700;min-width:3.5rem}.progress-service{color:var(--color-text-muted)}.progress-service strong{color:var(--color-text)}.progress-group{color:var(--color-text-muted);font-size:.7rem}.config-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.config-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.config-panel__header h2{font-size:1.1rem;font-weight:600}.config-error{background:#ef44441a;color:var(--color-error);padding:.5rem .75rem;border-radius:.4rem;font-size:.8rem;margin-bottom:.75rem}.config-groups{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.config-group{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.4rem;padding:.75rem}.config-group--editing{border-color:var(--color-primary)}.config-group__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.config-group__title{display:flex;align-items:center;gap:.5rem}.config-group__name{font-weight:600;font-size:.9rem}.config-group__badge{font-size:.65rem;background:#3b82f626;color:var(--color-primary);padding:.1rem .5rem;border-radius:999px;font-weight:600}.config-group__count{font-size:.75rem;color:var(--color-text-muted)}.config-group__actions{display:flex;gap:.35rem;align-items:center}.config-group__managed-hint{font-size:.72rem;color:var(--color-text-muted);font-style:italic}.config-group__summary{display:flex;gap:.35rem;flex-wrap:wrap}.config-tag{font-size:.7rem;padding:.1rem .5rem;border-radius:999px;background:#94a3b81f;color:var(--color-text-muted)}.config-add-btn{width:100%;background:transparent;border:1px dashed var(--color-border);color:var(--color-text-muted);padding:.5rem;font-size:.8rem}.config-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60d}.config-form{display:flex;flex-direction:column;gap:.6rem}.config-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--color-text-muted)}.config-form input[type=text],.config-form input[type=number],.config-form select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.3rem;padding:.35rem .5rem;color:var(--color-text);font-size:.82rem}.config-form input:focus,.config-form select:focus{outline:none;border-color:var(--color-primary)}.config-checkbox{flex-direction:row!important;align-items:center;gap:.4rem!important}.config-form__buttons{display:flex;gap:.5rem;margin-top:.25rem}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);padding:.35rem .75rem;border-radius:.4rem;font-size:.8rem;cursor:pointer}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn--small{padding:.2rem .6rem;font-size:.72rem;border-radius:.3rem}.btn--danger{background:#ef444426;color:var(--color-error);border:none;cursor:pointer}.btn--danger:hover{background:#ef44444d}.config-services-list{display:flex;flex-direction:column;gap:.35rem;max-height:300px;overflow-y:auto}.config-service-row{display:flex;gap:.35rem;align-items:center}.config-service-row input{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.3rem;padding:.3rem .5rem;color:var(--color-text);font-size:.8rem}.config-service-row input:focus{outline:none;border-color:var(--color-primary)}@media(max-width:640px){.app{padding:2.5rem .5rem 1rem}.header h1{font-size:1.2rem}.summary-badges{gap:.3rem}.summary-badge{padding:.25rem .6rem;font-size:.75rem}.status-bar{flex-direction:column;gap:.15rem;font-size:.72rem}.status-bar__sep{display:none}.toolbar{flex-direction:column;align-items:stretch}.toolbar__left,.toolbar__right{justify-content:center}.group__header{padding:.5rem .65rem;font-size:.82rem}.srow__summary{padding:.35rem .65rem;font-size:.78rem;gap:.35rem}.srow__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.srow__host{display:none}.srow__details{grid-template-columns:1fr;padding:.5rem .65rem .75rem 1rem}.progress-info{flex-direction:column;align-items:flex-start;gap:.25rem}}