*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;background:#f8fafc;color:#0f172a}a{color:inherit;text-decoration:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0}.app-header .brand{font-weight:700;font-size:1.05rem}.app-header nav{display:flex;gap:1.25rem;align-items:center}.app-header nav a{font-size:.9rem;color:#475569}.app-header nav a:hover{color:#0f172a}.nav-dropdown-item a{display:block;padding:.45rem .75rem;font-size:.875rem;color:#475569;border-radius:6px}.nav-dropdown-item a:hover{background:#f8fafc;color:#0f172a}.nav-dropdown-active a{display:block;padding:.45rem .75rem;font-size:.875rem;color:#0f172a;font-weight:600;border-radius:6px;background:#f1f5f9}.app-main{padding:1.5rem;max-width:1200px;margin:0 auto}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.02)}.card+.card{margin-top:.75rem}.card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.card-title{font-weight:600;font-size:.98rem}.status-badge{display:inline-block;padding:.15rem .55rem;font-size:.72rem;border-radius:999px;font-weight:600}.status-badge.up{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-badge.down{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-badge.unknown{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.status-badge.degraded{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:.75rem;gap:.75rem}.config-field{margin-bottom:.65rem}.config-field label{display:block;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.2rem}.config-field input{width:100%;padding:.45rem .6rem;font-size:.88rem;border:1px solid #e2e8f0;border-radius:6px;outline:none}.config-field input:focus{border-color:#8dc63f;box-shadow:0 0 0 3px rgba(141,198,63,.15)}.btn{padding:.4rem .85rem;font-size:.85rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer}.btn:hover{background:#f8fafc}.btn.primary{background:#0f172a;color:#fff;border-color:#0f172a}.btn.primary:hover{background:#1e293b}.muted{color:#64748b;font-size:.82rem}.test-result{margin-top:.5rem;padding:.45rem .65rem;font-size:.82rem;border-radius:6px;display:none}.test-result.show{display:block}.test-result.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.test-result.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}