.settings-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 80px)}.settings-nav{border-right:1px solid var(--border);padding:32px 16px 32px 32px;background:rgba(12,12,15,.96)}.settings-nav-title{font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:16px}.settings-nav ul{list-style:none;margin:0;padding:0}.settings-nav-item{display:block;width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 12px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.settings-nav-item.is-active,.settings-nav-item:hover{color:var(--text);border-left-color:var(--accent)}.settings-content{padding:60px 48px}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:40px 48px;margin-bottom:32px}.panel-title{font-family:var(--serif);font-size:2rem;color:var(--text);margin:0 0 8px}.panel-title .num{font-family:var(--mono);font-size:.7rem;color:var(--accent);letter-spacing:.08em;margin-right:8px;vertical-align:super}.panel-lead{color:var(--text-muted);margin:0 0 32px;font-size:1rem}.field{display:block;margin-bottom:20px}.field-label{display:block;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.field-input,.field-select,.field-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--sans);font-size:14px;padding:10px 12px;transition:border-color .2s ease}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:none;border-color:var(--accent)}.field-hint{font-size:.8rem;margin-top:6px;color:var(--text-muted)}.field-hint.is-error{color:var(--red)}.field-hint.is-success{color:var(--green)}.form-actions{display:flex;gap:12px;margin-top:24px}.empty-state{font-family:var(--mono);font-size:.8rem;color:var(--text-dim);padding:32px;text-align:center;border:1px dashed var(--border);border-radius:8px}.group-list{list-style:none;margin:0;padding:0}.group-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:20px 24px;margin-bottom:16px}.group-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.group-name{font-weight:600;color:var(--text)}.group-slug{font-family:var(--mono);font-size:.7rem;color:var(--text-muted)}.site-row{padding:12px 0;border-top:1px solid var(--border)}.site-row-head{display:flex;align-items:center;gap:12px}.endpoints-list{margin-top:8px;padding-left:16px;font-family:var(--mono);font-size:.75rem}.endpoint-row{display:flex;align-items:center;gap:8px;color:var(--text-muted);padding:4px 0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-dot.healthy{background:var(--green)}.status-dot.degraded{background:var(--yellow)}.status-dot.down{background:var(--red)}@media (max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-nav{border-right:none;border-bottom:1px solid var(--border);padding:16px}.settings-nav ul{display:flex;flex-wrap:wrap;gap:8px}.settings-nav-item{border-left:none;border-bottom:2px solid transparent;padding:8px 12px}.settings-nav-item.is-active,.settings-nav-item:hover{border-left-color:transparent;border-bottom-color:var(--accent)}.settings-content{padding:32px 20px}}